/* Table of Contents
==================================================
	#Base 960 Grid
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing */


/**************Global Structure*****************/
.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}


/* #Base 960 Grid
================================================== */

.container_12{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
}
.container_12_transparent{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
.container_12_haut {
	position: relative;
	width: 100%;
	padding: 0;
	height: 407px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../navig/fond_haut.jpg);
	background-repeat: repeat-x;
}
.container_12_footer {
	position: relative;
	width: 790px;
	padding: 0;
	height: 50px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_4_home	{float: left; display: inline; margin-left: 10px; margin-right: 10px;}
	
	
.grid_4_homegauche	{
	float: left;
	display: inline;
	width: 249px;
	padding-left: 0px;
	padding-right: 10px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}
.grid_4_homecentre	{float: left; display: inline; width: 248px; padding-left: 10px; padding-right: 10px; border-right-width: thin; border-right-style: solid; border-right-color: #CCC; }
.grid_4_homedroite	{float: left; display: inline; width: 249px; padding-left: 10px; padding-right: 0px;}

	/* Nested Column Classes */
	.container_12 .alpha		{margin-left: 0 !important;}
	.container_12 .omega		{margin-right: 0 !important; margin-bottom:0 !important}

	/* Base Grid */
	.container_12 .grid_1		{width: 60px; }
	.container_12 .grid_2		{width: 140px;}
	.container_12 .grid_3		{width: 220px;}
	.container_12 .grid_4		{width: 300px;}
	.container_12 .grid_5		{width: 380px;}
	.container_12 .grid_6		{width: 460px;}
	.container_12 .grid_7		{width: 540px;}
	.container_12 .grid_8		{width: 620px;}
	.container_12 .grid_9		{width: 700px;}
	.container_12 .grid_10		{width: 780px;}
	.container_12 .grid_11		{width: 860px;}
	.container_12 .grid_12		{width: 940px;}
	
	.container_12 .grid_4_home		{width: 250px;}
	.container_12 .grid_4		{width: 250px;}
	.grid_double_home { 
		width: 500px; 
		float: left; 
		display: inline; 
		margin-left: 0px; 
		margin-right: 10px;
	}
	.grid_simple_home { 
		width: 280px; 
		float: left; 
		display: inline; 
		margin-left: 0px; 
		margin-right: 10px;
	}
	.image_art { 
		width: 232px; 
		float: left; 
		display: inline; 
		margin-left: 0px; 
		margin-right: 0px;
	}
	.texte_art { 
		width: 540px; 
		float: left; 
		display: inline; 
		margin-left: 18px; 
		margin-right: 0px;
	}
#new{
	position: absolute;
	height: 69px;
	width: 70px;
	left: 0px;
	top: 0px;
}
#trait{
	position: relative;
	height: 3px;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 30px;
}
.grid_4_footer {
		width: 252px;
		float: left; 
		display: inline; 
		margin-left: 0px; 
		margin-right: 16px;
		}
.grid_4_footer_sans {
		width: 254px;
		float: left; 
		display: inline; 
		margin-left: 0px;
		margin-right: 0px;
}	
.middle_90{
	width: 95%;
}	

.container_12 .grid_12_home {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
}
	/* Prefix Extra Space >> 12 Columns */
	.container_12 .prefix_1 	{padding-left:80px;}
	.container_12 .prefix_2 	{padding-left:160px;}
	.container_12 .prefix_3 	{padding-left:240px;}
	.container_12 .prefix_4 	{padding-left:320px;}
	.container_12 .prefix_5 	{padding-left:400px;}
	.container_12 .prefix_6 	{padding-left:480px;}
	.container_12 .prefix_7 	{padding-left:560px;}
	.container_12 .prefix_8 	{padding-left:640px;}
	.container_12 .prefix_9 	{padding-left:720px;}
	.container_12 .prefix_10 	{padding-left:800px;}
	.container_12 .prefix_11 	{padding-left:880px;}
	/* Suffix Extra Space >> 12 Columns */
	.container_12 .suffix_1 	{padding-right:80px;}
	.container_12 .suffix_2 	{padding-right:160px;}
	.container_12 .suffix_3 	{padding-right:240px;}
	.container_12 .suffix_4 	{padding-right:320px;}
	.container_12 .suffix_5 	{padding-right:400px;}
	.container_12 .suffix_6 	{padding-right:480px;}
	.container_12 .suffix_7 	{padding-right:560px;}
	.container_12 .suffix_8 	{padding-right:640px;}
	.container_12 .suffix_9 	{padding-right:720px;}
	.container_12 .suffix_10 	{padding-right:800px;}
	.container_12 .suffix_11 	{padding-right:880px;}

	/*twin columns*/
	.dgrid_2{float:left; width:140px;}
	.dgrid_3{float:left; width:220px;}
	.dgrid_4{float:left; width:300px;}
		.dgrid_2:first-child, .dgrid_3:first-child, .dgrid_4:first-child{margin-right:20px;}
	/*triple columns*/
	.tgrid_2{float:left; width:140px; margin-right:20px;}
	.tgrid_3{float:left; width:220px; margin-right:20px;}
		.tgrid_2:last-child, .tgrid_3:last-child, .tgrid_2.last-col, .tgrid_3.last-col{margin-right:0px;}


.avantpied {
	height: 10px;
}



/* #Tablet (Portrait)
================================================== */