/* 
	Theme Name: Vertigo Squared Enhanced
	Theme URL: http://www.briangardner.com/themes/vertigo-squared-wordpress-theme.htm
	Description: Vertigo Squared is a modern, 2-column Widget-ready theme created for Wordpress - <a href="http://www.wpthemes.ch">Traduction WP Themes</a>
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 2.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v2.0 - 02.23.07
			First Release of Vertigo Squared Enhanced
*/

/* Reset  */
*{margin:0;padding:0;}

/* General  */
body{font-family:Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;font-size:12px;color:#000;background:#fff url(http://www.fiabitat.com/images/navigation/bg_site.gif) repeat-x;width:100%;}
.clear{clear:both;}
p{margin:0 0 20px;}

/* Content  */


/* Header  */
#header{position:relative;padding-top:3px;}
#header h1 a{display:block;height:110px;width:551px;background:url(http://www.fiabitat.com/images/navigation/logo.gif) no-repeat;text-indent:-9999px;}
#header p.description{display:none;}
#header .login{position:absolute;right:0;top:6px;font-size:11px;}
#header .login label{background:url(images/connexion_label.gif) no-repeat;text-indent:-9999px;display:block;height:13px;width:69px;float:left;margin:3px 8px 0 0;}
#header .login input{font-size:13px;float:left;border:1px solid #ccc;background:#fff;margin:1px;}
#header .login input#loginsubmit{border:none;background:none;color:#333;margin:1px 0 0 3px;}
#header #user_connected{font-size:13px;color:#333;}

/* Menu  */
#menu{height:172px;position:relative;margin-bottom:0px;}
#menu ul.main_menu{list-style:none;}
#menu ul.main_menu li{display:block;float:left;}
#menu ul.main_menu li a{display:block;float:left;height:34px;width:121px;text-indent:-9999px;margin-right:5px;overflow:hidden;}
#menu ul.main_menu li a.thermique{background:url(http://www.fiabitat.com/images/navigation/menu_thermique2.gif) no-repeat;}
#menu ul.main_menu li a.infiltrometrie{background:url(http://www.fiabitat.com/images/navigation/menu_infiltrometrie.gif) no-repeat;}
#menu ul.main_menu li a.ventilation{background:url(http://www.fiabitat.com/images/navigation/menu_ventilation.gif) no-repeat;}
#menu ul.main_menu li a.paille{background:url(http://www.fiabitat.com/images/navigation/menu_paille.gif) no-repeat;}
#menu ul.main_menu li a.formation{background:url(http://www.fiabitat.com/images/navigation/menu_formation.gif) no-repeat;}
#menu ul.main_menu li a.dossiers{background:url(http://www.fiabitat.com/images/navigation/menu_dossiers.gif) no-repeat;}
#menu ul.main_menu li a.blog{background:url(http://www.fiabitat.com/images/navigation/menu_blog.gif) no-repeat;}
#menu div.area{height:166px;position:relative;}
#menu div.area h5{position:absolute;display:block;text-indent:-9999px;}
#menu div ul{list-style:none;padding:10px 0 0 21px;}
#menu div ul li{display:inline;border-right:1px solid #fff;padding:0 10px;}
#menu div ul li.last{border:none;}
#menu div ul li a{font-size:12px;text-decoration:none;}
#menu div ul li a:hover{border-bottom:1px solid #fff;}

#aera_thermique {background:url(../images/navigation/nav_thermique.gif) top no-repeat;font-family:Arial, Helvetica, sans-serif;color :#993366;}
#aera_thermique a {color:#993366;	font-weight: bold;}
#aera_thermique a:hover {color:#993366; text-decoration: underline;}
#aera_infiltrometrie{display:none;background:url(../images/navigation/nav_infiltrometrie.gif) top no-repeat;font-family:Arial, Helvetica, sans-serif;}
#aera_infiltrometrie a {color:#fff;	font-weight: bold;}
#aera_ventilation{display:none;background:url(../images/navigation/nav_ventilation.png) top no-repeat;font-family:Arial, Helvetica, sans-serif;}
#aera_ventilation a {color:#fff;	font-weight: bold;}
#aera_paille{display:none;background:url(../images/navigation/nav_paille.gif) top no-repeat;font-family:Arial, Helvetica, sans-serif;}
#aera_paille a {color:#fff;	font-weight: bold;}
#aera_formation{display:none;background:url(../images/navigation/nav_formation.gif) top no-repeat;font-family:Arial, Helvetica, sans-serif;}
#aera_formation a {color:#fff;	font-weight: bold;}
#aera_dossiers{display:none;background:url(../images/navigation/nav_dossiers.gif) top no-repeat;font-family:Arial, Helvetica, sans-serif;}
#aera_dossiers a {color:#fff;	font-weight: bold;}
#aera_blog{display:none;background:url(../images/navigation/nav_blog.gif) top no-repeat;font-family:Arial, Helvetica, sans-serif;}
#aera_blog a {color:#fff;	font-weight: bold;}

	
#wrap {

background:#fff url(http://www.fiabitat.com/images/navigation/bg_site3.gif) repeat-x;width:100%;
	width: 955px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #990000;
	text-decoration: none;
	}
	
a:hover      {
	text-decoration: underline;
	}
	
/************************************************
*	Navbar  			 #FFFFFF url(images/header.gif)						*
************************************************/

#navbar {
	width: 955px;
	height: 110px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#navbar img a{
	margin: 0px;
	border: none;
	}
	
#navbarleft {
	background:url(http://www.fiabitat.com/images/navigation/logo3.gif)  ;
	height: 60px;
	width: 955px;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	overflow:hidden;
	}
	
#navbarright {
	width: 700px;
	color: #000000;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	z-index: 1 ;
	overflow:hidden;
	}
	
#navbarright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbarright ul {
	font-size:10px;
	margin: 0px;
	padding: 0px;
	}
		
#navbarright a, #navbarright a:visited {
	color: #993366;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
#navbarright a:hover {
	color: #CC9966;
	font-weight: bold;
	text-decoration: underline;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	float: left;
	background:url(http://www.fiabitat.com/images/navigation/bg_thermique.gif) repeat-y;;
	width: 955px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow:hidden;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	font-size:12px;
	}
	
#content h1 {
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px dotted #000000;
	background: #f1f1b5;
	color: #918d1e;
	}
	
#content li {

	}
	
#content h1 a  {
	color: #990066;
	text-decoration: none;
	background: #f1f1b5;
	color: #918d1e;
	}

#content h1 a:hover {
	color: #990000;
	text-decoration: none;
	}
	
	
#content h2 {
color: #918d1e;
font-size: 18px;
font-family: Century Gothic, Verdana, Arial, Sans-Serif;
font-weight: bold;
padding: 20px 0px 10px 0px;
margin: 0px;
border-bottom: 1px solid #C0C0C0;
}
	
#content hr {
width: 75% center;
border-top: 0px dotted #E8ECF5;
border-bottom: 1px dotted #336666;
color: #E8ECF5; 
}
	
#content h3 {
font-size: 15px;
margin-top: 15px;
margin-bottom: 10px;
font-weight: bold;
color: #918d1e;
text-decoration: none;
text-indent: 15px;
display: block;
background-image: url(http://www.fiabitat.com/images/pucefleche.gif);
background-position: left center;
background-repeat: no-repeat;
}
	
#content table {
border:1px dotted #ooo;
border-collapse: collapse ;
}

#content td {
border: thin solid #000;
font-weight: normal; 
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
padding :6px;
text-align: justify;
}

#content th {
padding:5px;
color: #918d1e; 
background-color:#f1f1b5;
width:25%;
}

#content fieldset {
padding-left: 30px;
width: 90%;
color: #336666;
-moz-border-radius:10px;
border-radius:10px;
}

#content fieldset legend {
color: #3A466D;
font-family: Geneva,Arial,Helvetica,sans-serif;
font-weight: bold;
font-style: italic;
}

#content fieldset ul li {
margin-left: -10px;
line-height: 15px;
}

#content_link {
background-color:#f6f6e4; 
padding:4px; 
padding-top :8px;
padding-left : 12px;
border-bottom:1px solid #ecd196;
border-top:1px solid #ecd196;
line-height: 160%;
}

.texteplus {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #336666;
margin :12px;
padding-left: 5px;
border-left:1px dashed #336666;
font-weight: bold; 
}

.texteplus a{
font-weight: normal; 
font-size: 10px; 
color: #235CA3; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none ;
}

.texteplus a:hover {
font-weight: normal; 
font-size: 10px; 
color: #891125; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 20px 25px;
	}
	
#contentright {
	float: right;
	height : 100%;
	width: 290px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
		
/************************************************
*	margin: -18px -30px 0px -20px; 					     		    * 
************************************************/

#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	text-indent: 0px;
	margin: 10px;
	line-height: 20px;
	}
	
blockquote{
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	

#table2 th {
border: thin solid ##aaab43 4px;
font-weight: normal; 
text-decoration: none;
padding :6px;
text-align: justify;
font-size: 11px;
}
#table2 td {
border: thin solid ##aaab43 4px;
background-color:#f0f0f0; 
border: thin solid #fff 4px;
font-size: 11px;
}

	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
		float: right;
	width: 225px;
	margin: 25px 35px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-top: 2px solid #000000;
	}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar h2 {
	color: #aaab43;
	}
	
#r_sidebar h3 {
	color: #aaab43;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 160%;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	}

#r_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}

#r_sidebar ul li a:hover {
	background: #EFEFEF;
	color: #990000;
	}
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 160%;
	font-size:0.90em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#annonces a{
	color: #d19a33;	
	line-height: 160%;
	font-size:0.90em;
	text-decoration: none;
		border-bottom: 0px solid #C0C0C0;
	}
	
#annonces a:hover{
	color: #aaab43;	
	text-decoration: none;
	}
	
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #cece67;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 955px;
	height: 600px;
	background: #969929;
	color: #FFFFFF;
	margin: 0px auto 0px;
	text-align: left;
	position: relative;
	line-height: 17px;
	}
	
#footer p {
	color: #FFFFFF;
	padding: 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #e6e47b;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}
	
#footer h3 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #e6e47b;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 3px 0px;
	text-transform: uppercase;
	}

#footer a {
	color: #AAAAAA;
	text-decoration: none;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #e6e47b;
	}

#footer ul li a:hover {
	background: #444444;
	color: #FFFFFF;
	}
	
#footerleft {
	background: #969929;
	float: left;
	width: 225px;
	margin: 0px 20px 0px 40px;
	padding: 0px;
	}
	
#footermiddle {
	background: #969929;
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footerright {
	background: #969929;
	float: right;
	width: 300px;
	margin: 0px 40px 0px 0px;
	padding: 0px;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #EFEFEF url(http://www.fiabitat.com/images/navigation/search.gif);
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 530px;
	background: #E8E8E8;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(http://www.fiabitat.com/images/navigation/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(http://www.fiabitat.com/images/navigation/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.image {
	border: 1px solid #3A466D;
	margin :5px;
}

.image2 {
	margin :7px;
	border: 0px ;
}

.image2 a{
	margin :7px;
	border: 0px ;
}

/* formulaires */

input , textarea {
	background-color: #f2f1be;
	margin: 3px;
	color: #22343E;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	border: 1px solid #BBBBBB;}
	
checkbox, select {
	background-color:#f2f1be; 
	margin :3px;
	color: #22343E;	
	font-weight: normal;  
	font-size:12px; 
	font-family:arial, Helvetica, sans-serif;
	border: 1px solid #BBBBBB;
}

#une {

background: #fcfcee;
border: 1px solid #7a9344;
padding:10px;
font-family: arial; 
font-size: 11px; 
margin :12px;
padding-left: 5px;
line-height: 20px;
	}


#une a{
background: #e7e57d;
font-weight: normal; 
font-size: 12px; 
color: #969929; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none ;
padding :5px;
}

#une a:hover {
background: #e7e57d;
font-weight: normal; 
font-size: 12px; 
color: #000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding :5px;
}

#xiti-logo img, #xiti-logo-noscript img {
width: 1px;
height: 1px;
border:0;}

.art_leg { background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); min-height:1px; height:auto !important; height:1px; }
.art_legtxt { color:#fff; font:12px/14px arial; padding:4px; }
