body{
	background:#222;
	font-family:"lucida sans";
	font-size:1em;
	line-height:1.75em;
	color:#eee;
	}
	a{
	color:#222;
	}
	#wrapper{
	margin-left:3%;
	}
	
	#footer > div{
	min-width:250px;
	}
	.clear{
	display:block;
	clear:both;
	}
	#wrapper h1{
	font-size:1.125em;
	background-color:#282828;
	color:#fff;
	text-align:center;
	}
	
	#wrapper h2{
	font-size:1em;
	text-align:center;
	margin-top:4em;
	}
	
	.ccl{
	color:#111;
	background:#51A811;
	width:95%;
	margin:1% auto;
	padding:8px;
	text-shadow: 1px 1px 1px #f2e3bc;
	text-align:center;
	background:-moz-linear-gradient(85deg, #a9d425, green);
	background-image: -webkit-gradient(radial,center center,10,center center,350,from(#a9d425),to(green));

	}
	.c2{
	text-align:center;
	color:#111;
	background:#ff2222;
	width:95%;
	margin:1% auto;
	padding:8px;
	text-shadow: 1px 1px 1px #ffb1af;
	background:-moz-linear-gradient(85deg, #ff4f4f, #ff342f);
	background-image: -webkit-gradient(radial,center center,10,center center,350,from(#ff4f4f),to(#ff342f));
	}
	.c2 a{
	color:#222;
	}
	
	.c3{
	color:#111;
	background:#6c89ba;
	width:95%;
	margin:1% auto;
	padding:8px;
	text-shadow: 1px 1px 1px #9FA0ff;
	text-align:center;
	background:-moz-linear-gradient(85deg,#557AAF , #94ACD0);
	background-image: -webkit-gradient(radial,center center,10,center center,350,from(#8f90ff),to(#557AAF));
	}
	.c3 strong{
	color:#222;
	}
	
	#wrapper div ul, #wrapper div li{
	margin:0;
	padding:0;
	list-style-type:square;
	}
	#wrapper div ul{
	text-align:justify;
	}
	
	#wrapper div .c3 ul li{
	display:block;
	text-align:justify;
	}
	#wrapper .intro li{
	display:block;
	text-align:justify;
	list-style-type:square;
	}
	.il li{
	display:inline;
	list-style:none;
	}
	strong{
	color:#efefef;
	}
	.ccl strong{
	color:#222;
	}
	.pic img{
	display:block;
	margin:0 auto;
	}
	#footer, #footer strong{
	color:#444;
	background:#ccc;
	}
	#footer h2{
	text-align:center;
	background:#282828;
	color:white;
	margin-top:1em;
	font-size:1em;
	}
	#contact{
	float:left;
	padding:1%;
	
	width:30%;
	}
	#contact form{
	text-align:right;
	}
	#apropos{
	
	float:left;
	padding:1%;
	
	width:30%;
	}
	#apropos p{
	font-size:0.75em;
	}
	#toile{
	float:left;
	padding:1%;
	
	width:30%;
	min-height:100%;
	}
	#nav {
	margin:0;
	padding:0;
	}
	#nav li{
	color:#eee;
	list-style:none;
	background:url('soqr-img/fd.png') repeat-x #444;
	margin:0;
	
	padding:4px;
	
	-moz-border-radius:4px;
	}
	#nav li a{
	color:#eee;
	}
	img, table, td, blockquote, code, pre, textarea, input, object, embed, video { 
   max-width: 100% !important; 
 } 
 
 img.ill{
 display:block;
 margin:1em auto;
 }
	@media screen and (min-width: 600px){ 
 body { 
 background:url('soqr-img/soqr-fd-header3c.png') no-repeat top center #222;
 } 
 #wrapper > div{
	float:left;
	width:26%;
	padding:2%;
	margin:1% ;
	margin-top:4em;
	text-align:left;
	min-width:250px;
	}
	
#nav{
	padding:auto;
	margin: 0 auto;
	}
	
#nav li{
	color:#eee;
	list-style:none;
	background:url('soqr-img/fd.png') repeat-x #444;
	float:right;
	padding:4px;
	margin-left:8px;
	-moz-border-radius:4px;
	}
}