/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
	margin:0;
	padding:0;
}

/*Structured layout mainpage*/


body{
	font-size:11.5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height:21px;
	position:relative;
		}
		
.wrap_all{ /*only needed if using big background images*/
	width:100%;
	position:relative;
	display:table;
	}

#top{
	width:960px;
	margin:0 auto;
	position:relative;
	}

/*****************************
1.) #head	
/****************************/	
	
	#head{
		height:128px;
		position:relative;
		z-index:10;
		}
		
			.logo, .logo a{
				display:block;
				height:83px;
				width:229px;
				position:absolute;
				right:20px;
				top:27px;
				}
				
					#top .logo a{
						top:0;
						right:0;
						text-indent:-9999px;
						outline:none;
						}
		
/*****************************
2.) #main
/****************************/		
			#main{
			position:relative;
			padding-top:45px;
			float:left;
			}
			

/*****************************
4.) breadcrumb navigation
/****************************/	
								
			
			.breadcrumb{
				font-size:11px;
				left:40px;
				position:absolute;
				bottom:-49px;
				z-index:5;
				}
				
						.breadcrumb a{
							text-decoration:none;
							}
							
						.breadcrumb a:hover{
							text-decoration:underline;
							}
/*****************************
5.) content area below slider and on subpages
/****************************/	
						
			.content_top{
				height:30px;
				padding:0 10px;
				width:940px;
				float:left;
				}		
				
			#content{
				float:left;
				padding:0 10px;
				position:relative;
				width:940px;
				}
					
					#sidebar{
						float:left;
						padding:0 0 15px 50px;
						position:relative;
						width:265px;
						overflow:hidden;
						}
							
								
								#top #sidebar .small_box{
									padding:0 0 15px 0;
									}
/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	
					#inner_content_big{
						float:left;
						width:880px;
						padding:0 0 15px 30px;
						position:relative;
						}
						
							
							.entry_portfolio{
								padding-bottom:30px;
								clear:both;
								float:left;
								width:100%;
								position:relative;
								}
								
								.entry_portfolio p{
									font-style:italic;
									}
						
							.portfolio_item{
								height:50px;
								overflow:hidden;
								padding:5px;
								position:relative;
								width:250px;
								}
								
							#top .portfolio_item h3{	
								position:absolute;
								bottom:13px;
								left:0;
								border:none;
								padding:0;
								margin:0;
								line-height:1em;
							}
							
							#top #main .portfolio_item h3 a{
							padding:4px 8px;
							font-size:12px;
							display:inline;
							height:auto;
							width:auto;
							overflow:auto;
							}
							
							.portfolio_item a{
								display:block;
								overflow:hidden;
								width:250px;
								}
							
								
							#top .portfolio_item img, #top .portfolio_item a img{
								border:none;
								padding:0 !important; /*ie 6 fix fix =)*/
								margin:0;
								}
/*****************************
7.)pages with sidebar
/****************************/								
					
					#inner_content{
						float:left;
						width:570px;
						padding:0 0 15px 30px;
						position:relative;
						}
						
					#inner_content .entry{
						width:570px;
						}
						
								.entry{
									clear:both;
									margin-bottom:28px;
									overflow:hidden;
									padding-bottom:20px;
									position:relative;
									}
									
								.entry-head{
									position:relative;
									top:-3px;
									margin-bottom:20px;
									font-size:11px;
									}
									
										
										.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
											text-decoration:none;
											padding:2px 0;
											}
											
											#top .entry-head a, .more-link{
											padding:2px 4px;	
												}
	
											
											.date{
												padding:2px 4px;
												}
									

				
					#subpage #content{
						padding:20px 10px 0;
						}
						
						
/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	
				
							.small_box{
								float:left;
								padding:0 0 15px 50px;
								position:relative;
								width:260px;
								}
						
							#top .box1{
								padding:0 0 15px 30px;
								}
							
							.small_box h3{
								margin:0 0 5px;
								}
		
								
							.small_box img{
								padding:5px 0 !important;
								padding:0;/*ie6 fix for png elemnts needs this*/
								}
								
							.widget_categories a, .widget_pages a{
							padding:5px;
							display:block;
							text-decoration:none;
							width:250px; /*change if sidebarwidth changes*/
							}
								
							
							/* uncomment this if you want sublevels with indents
							.small_box ul ul a{
								padding-left:25px;
								width:230px;
								}
								
							.small_box ul ul ul a{
								padding-left:45px;
								width:210px;
								}
								
							.small_box ul ul ul ul a{
								padding-left:65px;
								width:190px;
								}
							*/
				
				
			
			
		#footer{
			clear:both;
			padding:40px 15px;
			position:relative;
			font-size:10px;
			width:930px;
			}
		

					
				.copyright{
					float:left;
					display:block;
					}
					
				.scroll-top{
					float:right;
					display:block;
					}
					
				
		




/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
		}

a{
		text-decoration:none;
	}

a:hover{
		text-decoration:underline;
	}
	
a img{
	border:none;
	}
	
p{ padding: 0 0 1em 0}


ul, ol{
	list-style-position:outside;
	margin-left:20px;
	}
	
#sidebar ul, #sidebar ol{
	margin-left:0px;
	}
	
#sidebar li{
	list-style-type:none;	
		}
	

h1,h2,h3,h4,h5,h6, legend{
	font-weight:normal;
	padding-bottom:5px;
	line-height:1.4em;
		}
	
	h1{clear:both; font-size:32px;font-weight:bold;}
	h2{font-size:22px; clear:both;}
	h3, legend{font-size:18px; clear:both;}
	h4{font-size:16px; clear:both;}
	h5{font-size:14px; clear:both;}
	h6{font-size:13px; clear:both;}
	h7{font-size:10px; clear:both;}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		text-decoration:none;
		} 
		
	
		
		
	#featured h2{
		margin-bottom:8px;
		padding-bottom:8px;
		}	
		
	#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
		font-size:32px;
				}

	blockquote p{
	padding:11px 0px;
	}
	
	blockquote{
	margin:0 0 22px 5px;
	padding:0 15px;
		}
	
.floatleft{
	float:left;
	}

.floatright{
	float:right;
	}
	
.clearboth{
	clear:both;
	}
	
.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

#top .wp-smiley{
	border:none;
	padding:0;
	}
	
.meta{
	display:block;
	position:relative;
	top:3px;
		font-size:11px;
	line-height:14px;
	}
	
.read-more, .show-next{
			display:block;
	font-size:11px;
	font-weight:bold;
	height:41px;
	left:-2px;
	line-height:41px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:165px;
	}
	
#top .show-next{
	bottom:0;
	left:165px;
	position:absolute;
	}
	
.read-more:hover, .show-next:hover{
			}
	
.entry ul, .entry ol{
	list-style-type:disc;
	list-style-position:inside;
	margin:0;
	padding:0 0 20px 0;
	}
	
#top .entry ol{
	list-style-type:decimal;
	}
	
.entry li{
	padding:3px 10px;
	}
	
blockquote{
			font-size:13px;
	font-style:italic;
	margin:0 0 20px;
	padding:10px 20px 10px 41px;
	}
	
	
/*CONTACT FORM*/	



#searchsubmit, #send, #top #submit, #wcb_button_id{
	cursor:pointer;
	}
	
	
#s, .text_input, .text_area{
padding:5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:200px;
font-size:11.5px;
}

#searchsubmit, #send, #submit, #wcb_button_id{
padding:4px 20px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
font-size:11.5px;
}

.hidden{
	display:none;
	}
#commentform{
	padding-bottom:20px;
	}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
	padding-left:7px;
	}
.blocklabel{
	display:block;
	padding:10px 0 0 0;
}

#top .text_area{
	width:450px;
	}
	
.corner_left, .corner_right{
	position:absolute;
	top:0;
	height:5px;
	width:5px;
	z-index:6;
	left:0;
		}
	
#top .corner_right{
	left:935px;
		}
	

/*****************************
# tableau messages	
/****************************/


.onglet_ferme { height: 20px; float:left; margin:2px 1px 0px 1px; color:#989898; background-color:#282828;   cursor:pointer;}
.onglet_ferme:hover { height: 20px; float:left; margin:2px 1px 0px 1px; color:#000000; background-color:#CCC;   cursor:pointer;}
.onglet_ouvert { height: 20px; float:left; margin:2px 1px 0px 1px; color:#ffffff; background-color:#666;   cursor:pointer;}

.ongletspe_ferme { height: 20px; float:left; margin:2px 1px 0px 1px; color:#9a9a9a; background:#141414;  cursor:pointer;}
.ongletspe_ferme:hover { height: 20px; float:left; margin:2px 1px 0px 1px; color:#ffffff; background:#2b2b2b; cursor:pointer;}
.ongletspe_ouvert { height: 20px; float:left; margin:2px 1px 0px 1px; color:#ffffff; background:#666; cursor:pointer;}

.liste_ouverte { display: block; border-style: solid; border-width : 10px 2px 2px 2px; border-color : #666; width:560px; }
.liste_fermee { display: none; border-style: solid; border-width : 10px 2px 2px 2px; border-color : #303030; width:560px; }

.boutonarrondi { height: 40px; float:left; margin:auto; color:#000;  font-weight:bold; background:url(../images/ongletff.png) repeat top;  overflow:hidden; cursor:pointer;}
.boutonarrondi:hover { height: 40px; float:left; margin:auto; color:#000;  font-weight:bold; background:url(../images/ongletof.png) repeat top;  overflow:hidden; cursor:pointer;}
.boutonarrondi a{color:#000; text-decoration:none;}


/*****************************
# Menu Fixe
/****************************/

#fixedmenu {
   position: fixed;
   bottom: 20px;
   right: 20px;
   width: 16px;
   background: transparent;
}

#fixedmenu a, #fixedmenu a:hover {
   text-decoration: none;
   display: block;
   width: 16px;
   height: 16px;
   overflow: hidden;
   font-size: 40px;
   line-height: 1;
   margin: 0 auto;
}

#fixedmenu ul, #fixedmenu li {
   list-style-type:none;
   margin: 5px 0;
   padding: 0;
}

#fixedmenu #home {
   background: transparent url(http://www.isi-com.com/web2010/files/icones/home.png) no-repeat;
}

#fixedmenu #up {
   background: transparent url(http://www.isi-com.com/web2010/files/icones/up.png) no-repeat;
}

#fixedmenu #down {
   background: transparent url(http://www.isi-com.com/web2010/files/icones/down.png) no-repeat;
}

#fixedmenu #rss {
   background: transparent url(http://www.isi-com.com/web2010/files/icones/rss.png) no-repeat;
}

#fixedmenu #callback {
   background: transparent url(http://www.isi-com.com/web2010/files/icones/telephone.png) no-repeat;
}

#fixedmenu #email {
   background: transparent url(http://www.isi-com.com/web2010/files/icones/email.png) no-repeat;
}

#fixedmenu #favoris {
   background: transparent url(http://www.isi-com.com/web2010/files/icones/favoris.png) no-repeat;
}