/** RESET AND CLEARFIX
http://www.twu.edu/slidetest.htm
================================================**/
 ul, li{
	margin: 0;
	padding: 0;
	border: 0;
}
/** LAYOUT
================================================**/

.inner {
	/*width: 1000px;*/
	width: 500px; /* width of slideshow images (500px) + width of left and right margin of primary id (below) */
	position: relative;
	margin: 0 auto;	
	/*box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1);*/
	padding-top:8px;
	padding-bottom:12px;
	margin-bottom:40px;
	
}

@media (max-width: 992px) {.inner {margin-bottom:10px;}}


#primary .titre {
	text-align:center;
	color: #000;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	padding-top: 4px;
	font: normal 120%/100% "Lucida Grande", Arial, sans-serif;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 10px;
	background-color:#ecf4ff;
	/*
	
	        background-color: #3379b6;
        color:#ccc;
        text-shadow: 0 1px 0 #000;*/
	}

#primary {
	/*margin: 0 270px 0 0;*/
	margin: 0 10px; /* left and right margin total is added to inner class (above) */
	position: relative;
}

/** RESPONSIVE BREAKPOINTS
================================================**/

@media(max-width: 1040px){
	.inner {		/*width: 100%;*/	}
	#primary {		padding: 0 20px;	}
}

@media(max-width: 700px){
	#primary {		/*margin: 0 0 750px 0;*/	}
}

@media(max-width: 500px){
	.inner {		width: 100%;	}
}

@media(max-width: 400px){
	#primary {		font-size: 100%;	}
}