/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: 1em;
	margin-right: 245px;
	width: 99%;
	margin-top:2em;
	
	
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_11,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 8px;
	margin-right: 8px;
}


.grid_1 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 8px;
	margin-right: 2px;
}



.grid_border {
	display:inline;
	float: left;
	position: relative;
	margin-left: 2px;
	margin-right: 2px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_11 {
	width:230px;
	padding-right:0.5em;
	margin-bottom:14px;

}

.container_4 .grid_1 {
	width:230px;
	margin-bottom:14px;
	margin-left:2em

}
		.container_4 .grid_1B {margin:14px 0 0 0; }
		.container_4 .grid_border {
			width:1px;
			/* border-right: 1px solid #e1e1e1; */
			/* height: 1030px; */
		
		}

		
.container_4 .grid_2 {
	width:450px;


}
		.container_4 .grid_2B {margin:20px 0px; width:210px; float:left }
				.container_4 .grid_border2B {
			width:1px;
			/* border-right: 1px solid #e1e1e1; */
			/* min-height: 340px; */
			float:left;
			margin: 20px 10px 0;
			
		
		}
		

.container_4 .grid_3 {
	width:730px;
}

.container_4 .grid_4 {
	width:980px;
}

/* H1;H2...
----------------------------------------------------------------------------------------------------*/

#grid_style H1 {
	font-size:10px;
	color:#666;
	margin:4px 0;
	padding:0px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;
	
	}

#grid_style H2 {
	font-size:12px;
	color:#DA318C;
	margin:0px;
	padding:0 0 8px 0;
	font-weight:bold;
	line-height:16px;
	}

#grid_style H2 A{
	color:#DA318C;
	}
	
div#grid_style h4.bigtitle {
	margin:4px 0;
	

}

div#grid_style h4.bigtitle span{
	background-color:#DA318C;
	padding:1px 3px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;
	font-size:10px;
	color:#fff;
}		


div#grid_style h4.bigtitle A{
	background-color:#DA318C;
	padding:1px 3px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;
	font-size:10px;
	color:#fff;
}		

div#grid_style h4.bigtitle2 {
	margin:0;
	background-color:#DA318C;
	padding:0 3px 0;
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;
	font-size:10px;
	color:#fff;

}

div#grid_style h4.bigtitle2 A{
	background-color:#DA318C;
	padding:0 3px 0;
	margin:0;
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;
	font-size:10px;
	color:#fff;
}

	
#grid_style P {
	margin:0px;
	padding:0px;
	
	}	
	
#grid_style IMG {
	margin:0px;
	padding:8px 0px;
	
	}	

#grid_style IMG.bigtitle2 {
	margin:0px;
	padding:0px;
	
	}
	
div#grid_style h3.sstitre {
	margin:5px 0 15px 0;
	}
div#grid_style h3.sstitre a{
	background-color:#109cf3;
	padding:1px 3px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	}
	
#grid_style .infoplus {
	color:#666;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:4px;
	padding-bottom:0.8em;
	
	}	

	
#grid_style .soon {
	color:#666;
	font-size:10px;
	font-style:italic;
	
	}	

	#grid_style ul {padding:0; margin:0}
	#grid_style ul li {padding:0; margin:0 0 0 0.3em;  list-style-image:url(img/puce_li.gif)}

/* block footer
----------------------------------------------------------------------------------------------------*/
div#blockfooter1 {
	padding: 0 0 5px; 
	background: #eee; 
	border-top: 1px solid #e1e1e1; 
	width:100%; 
	margin: 0 auto 0;
	display:inline;
	float: left;
	position: relative;
	}
			div#blockfooter1 ul { padding: 5px 8px 0}
			div#blockfooter1 ul li {display: inline; font-size:10px; color: #999; padding: 0 5px}
			div#blockfooter1 ul li a {padding: 0; color: #666;}
			div#blockfooter1 ul li ul {display: inline;}
			div#blockfooter1 ul li ul li {font-weight: normal;}

div#blockfooter2 {
	padding: 10px 0 0; 
	border-top: 2px solid #616161; 
	background: #eee;
	width:100%; 
	margin: 0 auto;
	display:inline;
	float: left;
	position: relative;
	min-height: 40px; 
	margin: 0 auto ;
}
			div#blockfooter2 ul { padding: 8px}
			div#blockfooter2 ul li {display: inline; font-size:10px; color: #333; padding: 0 5px}
			div#blockfooter2 ul li a {padding: 0; color: #333;}
			div#blockfooter2 ul li ul {display: inline;}
			div#blockfooter2 ul li ul li {font-weight: normal;}

div#blockfooter2 .addthis { padding: 0 8px;}
	div#blockfooter2 .addthis P{  color: #666; margin-left:0.8em; font-size:10px;}
	
	
/* Prefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .prefix_1 {
	padding-left:250px;
}

.container_4 .prefix_2 {
	padding-left:500px;
}

.container_4 .prefix_3 {
	padding-left:750px;
}



/* Suffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .suffix_1 {
	padding-right:250px;
}

.container_4 .suffix_2 {
	padding-right:500px;
}

.container_4 .suffix_3 {
	padding-right:750px;
}



/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .push_1 {
	left:250px;
}

.container_4 .push_2 {
	left:500px;
}

.container_4 .push_3 {
	left:750px;
}



/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .pull_1 {
	left:-250px;
}

.container_4 .pull_2 {
	left:-500px;
}

.container_4 .pull_3 {
	left:-750px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}