/* +----------------------------------------------------------------------+
// | Nom du fichier : climabris.css           							  |
// +----------------------------------------------------------------------+
// | Copyright (c) : 2008 => clickti :: www.clickti.com                   |
// | Released under the GNU General Public License					      |
// +----------------------------------------------------------------------+
// | Auteur : Jean-Michel EVEN                  	  			          | 
// +----------------------------------------------------------------------+
// | Site  		: 	Climabris 						                      |
// | Creation   :  	01-10-2008									          |
// | Modifie 	: 														  |
// | Version 	:  1.1 													  |
// +----------------------------------------------------------------------+
*/
/* +----------------------------------------------------------------------+
// |  MISES EN FORME DIVERSES
// +----------------------------------------------------------------------+*/
	
* {margin: 0;padding: 0;}

.clear{
clear:both;}


hr {
border-top:1px solid #CACACC;
border-right:0;
border-left:0;
border-bottom:0;
height:1px;
}

a img {
border:none;
}
/* +----------------------------------------------------------------------+
// | BODY - HTML
// +----------------------------------------------------------------------+*/	

body{
background:url(../images/body_bg.gif) repeat-x top #d4d4bc ;
font:12px Tahoma,Helvetica,sans-serif;
color:#333;
word-spacing: 0.1em;
/*margin-top:10px;*/

}
/* +----------------------------------------------------------------------+
// | CONTENEUR PRINCIPAL "intègre toutes les boîtes"
// +----------------------------------------------------------------------+*/
#container{
   width: 928px;
   margin: 0 auto;
   padding: 0px;
   background: url(../images/container_bg.gif) no-repeat center top;
   /*z-index:auto;*/
   /*border: 1px dotted yellow;*/

}
/* +----------------------------------------------------------------------+
// |  TOP - TOP left - Logo
// +----------------------------------------------------------------------+*/
#top{
position:relative;
margin: 0 auto;
width:880px;
height:116px;
/*z-index:500;*/
/*border: 1px solid red;*/
}


#top_left{
position:absolute;
margin: 0 auto;
width:876px;
color:#999;
font-size:11px;
background:#fff;
padding-left:4px;
overflow:hidden;
height:28px;
/*border: 1px solid green;*/
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
	/*border: 1px solid yellow;*/

}
#logo h1{
    position:absolute;
	top: 95px;
	left:130px;
	width: 250px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	/*border: 1px solid yellow;*/
}

/* +----------------------------------------------------------------------+
// |  HEADER
// +----------------------------------------------------------------------+*/
#header{
	position:relative;
	margin: 0 auto;
	width:880px;
	height:228px;
	border-bottom:1px solid #58260e;
	border-top:1px solid #c8b799;
	background: url(../images/header.jpg) no-repeat center top;
}

/* +----------------------------------------------------------------------+
// |  CONTENU
// +----------------------------------------------------------------------+*/
#content{
	position: relative;

	margin: 0px 0px 0px 24px;
	padding: 0px;
	width:880px;
	background: #f6f6ee;
	height:auto;
	/*line-height:150%;*/
	/*border: 1px solid green;*/
}
#contenu{
	position: relative;
	margin: 0 auto;

	/*margin: 0px 0px 0px 0px;*/
	padding: 0px;
	width: 480px;
	height:auto;
	border-right: 1px solid #d4d4bc;
	border-left: 1px solid #d4d4bc;
	/*border: 1px solid orange;*/

}
#contenu h1{
	margin: 20px 0px 20px 20px;
	padding: 0px;
	color: #893B03;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	
	/*border: 1px solid green;*/
}
#contenu h2{
	margin: 20px 0px 20px 20px;
	padding: 0px;
	color: #893B03;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	text-align: center;
	
	/*border: 1px solid green;*/
}

#contenu h3{
	margin: 20px 0px 0px 20px;
	padding: 0px;
	color: #893B03;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	
	/*border: 1px solid green;*/
}
#contenu h4{
	margin: 20px 0px 0px 20px;
	padding: 0px;
	color: #893B03;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	
	/*border: 1px solid green;*/
}
#contenu p{
	margin: 0px 0px 0px 10px;
	padding: 10px;
	color: #893B03;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: justify;
	
	/*border: 1px solid green;*/
}
#contenu p a{
	color: #893B03;
	text-decoration: none;
	border-bottom: 1px dotted; 
	
	/*border: 1px solid green;*/
}
#contenu p a:hover{
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none; 
	
	/*border: 1px solid green;*/
}
#contenu ul{
	margin: 0px 0px 0px 40px;
	padding: 0px;
	color: #893B03;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	
	/*border: 1px solid green;*/
}
#contenu img{
	margin: 10px 0px 10px 20px;
	padding: 0px;
	/*border: 1px solid red;*/
}
#contenu .imageMobypool{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	/*border: 1px solid red;*/
}
#btn_acheter{
	margin: 20px 0px 20px 140px;
	padding: 6px 0px 0px 0px;
	width: 200px;
	height: 30px;
	background-image: url(../images/btn_acheter.jpg);
	background-repeat: no-repeat;
	color: #893B03;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1.3em;

}
#btn_acheter a{
	margin: 0px 0px 5px 40px;
	padding: 0px;
	width: 200px;
	height: 30px;
	color: #893B03;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;

}
#btn_acheter a:hover{
 color: #990000;

}
#guillemet_gauche{
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 30px;
	/*border: 1px solid purple;*/
}
#guillemet_gauche img{
	float: left;
	margin: 0px;
	padding: 0px;

}

#guillemet_droit{
	/*float: right;*/
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 30px;
	/*border: 1px solid purple;*/

}
#guillemet_droit img{
	float: right;
	margin: 0px;
	padding: 0px;

}
#navigation{
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 100px;
	text-align:center;
	/*background-color: #A1967A;*/
	/*border: 1px solid #A1967A;*/

}
/* +----------------------------------------------------------------------+
// |  LEFT
// +----------------------------------------------------------------------+*/
#left{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 190px;
	/*border-right: 1px solid #d4d4bc;*/
	/*border: 1px solid purple;*/

}
/*-------------------- nav_climabris ---------------------*/
#nav_climabris{
	/*position: relative;*/
	/*left: 20px;*/
	margin: 20px 0px 20px 0px;
	padding: 0px;
	text-align:center;
	/*border: 1px solid orange;*/
}
#nav_climabris h1{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #b86427;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
}
#nav_climabris ul{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*border: 1px solid red;*/
}
#nav_climabris ul li { 
	display: block; 
	margin: 0px;
	list-style-type: none;
	padding: 2px 0px 2px 0px;
	/*border: 1px solid red;*/
}

#nav_climabris ul li a{
	padding: 0px;
	margin: 0px;
	color: #b86427;
	text-decoration: none;
	font-weight: bold;
	/*border: 1px solid green;*/

}

#nav_climabris li a:hover{
	
	padding: 0px;
	margin: 0px;
	color: #fff;
	background-color: #b86427;
	font-weight: normal;
	/*border: 1px solid black;*/
	
}
/*-------------------- nav_mobypool ---------------------*/
#nav_mobypool{
	/*position: relative;*/
	/*left: 20px;*/
	margin: 20px 0px 20px 0px;
	padding: 0px;
	text-align:center;
	/*border: 1px solid orange;*/
}
#nav_mobypool h1{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #E4A636;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
}
#nav_mobypool ul{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*border: 1px solid red;*/
}
#nav_mobypool ul li { 
	display: block; 
	margin: 0px;
	list-style-type: none;
	padding: 2px 0px 2px 0px;
	/*border: 1px solid red;*/
}

#nav_mobypool ul li a{
	padding: 0px;
	margin: 0px;
	color: #E4A636;
	text-decoration: none;
	font-weight: bold;
	
}

#nav_mobypool li a:hover{
	
	padding: 0px;
	margin: 0px;
	color: #fff;
	background-color: #E4A636;
	font-weight: normal;
}
/*-------------------- nav_climasol ---------------------*/
#nav_climasol{
	/*position: relative;*/
	/*left: 20px;*/
	margin: 20px 0px 20px 0px;
	padding: 0px;
	text-align:center;
	/*border: 1px solid orange;*/
}
#nav_climasol h1{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #893B03;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
}
#nav_climasol ul{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*border: 1px solid red;*/
}
#nav_climasol ul li { 
	display: block; 
	margin: 0px;
	list-style-type: none;
	padding: 2px 0px 2px 0px;
	/*border: 1px solid red;*/
}

#nav_climasol ul li a{
	padding: 0px;
	margin: 0px;
	color: #893B03;
	text-decoration: none;
	font-weight: bold;
	
}

#nav_climasol li a:hover{
	
	padding: 0px;
	margin: 0px;
	color: #fff;
	background-color: #893B03;
	font-weight: normal;
}

/* +----------------------------------------------------------------------+
// |  RIGHT
// +----------------------------------------------------------------------+*/
#right{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width: 190px;
	/*border-left: 1px solid #d4d4bc;*/

	/*border: 1px solid purple;*/

}
#swf{
	margin: 10px 0px 10px 5px;
	padding: 0px;
	width: 170px;
	height: 170px;
	background-color: #990000;
	color: #FFFFFF;

}
#swf h1{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}
#livre{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 170px;
	text-align: center;
	/*border: 1px solid green;*/

}
#livre h1{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}
/* +----------------------------------------------------------------------+
// |  FOOTER
// +----------------------------------------------------------------------+*/
#footer{
	position:relative;
	margin: 0 auto;
	width:928px;
	height:43px;
	background: url(../images/footer_bg.gif) no-repeat center top;
	/*border: 1px solid blue;*/

}
#footer-inner{
	margin: 0 auto;
	width:880px;
	height:auto;
	/*border: 1px solid red;*/
}

#copyright{
   width: 880px;
   height: 20px;
   margin: 0 auto;
   padding-top:10px;
   text-align:center;
   color:#666;
   font-size:90%;
   clear: both;
	/*border: 1px solid green;*/

}
#copyright a:link, #copyright a:hover, #copyright a:visited{
   color:#666;
}

/* +----------------------------------------------------------------------+
// |  Navigation principale en haut
// +----------------------------------------------------------------------+*/
#nav{
	position:absolute;
	top:50px;
	right:0;
	height:31px;
	list-style: none;
	z-index:500;

}
a{
   overflow: hidden; /* for Suckerfish*/
}

#nav ul li{
list-style:none;
line-height:13px;}


#nav li{
   float: left;
   margin-right: 3px;
   background: url(../images/fd_nav_right.gif) no-repeat right top;
   font-size: 12px;
}

#nav li.active{
   background-position: right bottom;
}

#nav li a{
   float: left;
   display: block;
   height: 22px;
   padding: 9px 14px 0;
   background: url(../images/fd_nav_left.gif) no-repeat left top;
   color: #333;
   text-decoration: none;
   list-style: none;
   /*border: 1px solid orange;*/
  
}

#nav li.active a{
   background-position: left bottom;
   color:#fff;
}

#nav li:hover{
   background: url(../images/fd_nav_right.gif) no-repeat right top;
   background-position: right -31px;
   /*border: 1px solid blue;*/
}

#nav li.active:hover{
   background-position: right bottom;
   color:#fff;

}

#nav li:hover a{
   background-position: left -31px;
   color: #fff;
}

#nav li.active:hover a {
   background-position: left bottom;
   color: #333;
}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
*+html #nav li ul{
   margin-top: 0;
}