@charset "utf-8";
/* CSS Document */
  .tableaub {display: table;table-layout: fixed;width: 100%;}
  .cellule_im {display: table-cell;}
  .face{vertical-align: middle; margin-right:50px;}
  .pos_f{ margin-right:50px;}
  .celluleb {display: table-cell;padding: 0.5rem; }
  .ligne {display: table-row;}
  /* Quelques sélecteurs */
  
  .col {display: table-column;visibility:collapse;}
  .corp {display: table-row-group}
  .colgroupe {display: table-column-group;}
  .pied {display: table-footer-group;font-weight:bold;background-color:#eee; }
  .tete {background-color:#4a98af;color:#ffffff;display: table-header-group;font-weight:bold;text-align:center;}
  .legende {display: table-caption;caption-side: top;background-color:#888;}
  
  
.tbl {  display: table;}
.cell {  display: table-cell; vertical-align:middle;}

.fixed1 {margin:0; padding:0;}
/*.fixed1:hover {cursor:pointer; }*/

.h1 { display:table-row;}

#content {
	background: #fff;
	margin: 5px 0px 30px;
	padding: 20px 35px;
	
	
	/* rounded corner */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.post-image {
	margin: 0 0 15px;
	
}
.img_content {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.post {
	margin-bottom: 40px;
}
.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
	text-decoration: none;
	color: #333;
}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; text-align:left; }
.clearfix { display: block; zoom: 1; }

#pagewrap {
	width: 100%;
	margin: 0 auto;
}


@media screen and (max-width: 980px) {

	/* pagewrap */
	.wrapper  {
		width: 95%;
	}

	/* content */
	.content {
		width: 60%;
		padding: 0px;
	}

	/* sidebar */
	.sidebar {
		width: 18%;
	}
	
	
	@media screen and (max-width: 650px) {

	/* header */
	.header {
		height: auto;
	}

	/* search form */
	
	

	/* main nav */
	#main-nav {
		position: static;
	}

	/* site logo */
	

	

	/* content */
	.content {
		width: auto;
		float: none;
		margin: 20px 0;
	}

	/* sidebar */
	.sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	

	

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

}