* {
	margin: 0;
	padding: 0;
}



.clearfix { display: inline-table;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


* html .clearfix { height: 1%;}
.clearfix { display: block;}


.spacer {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	border: none;
}


body {
	color: #6B6B6D;
	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

ul {
	position: relative;
	list-style: none;
}

img {
	border: none;
}

#container {
	width: 750px;
	border: 1px solid #5650a6;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
}

#header p, #header p a {
	display: block;
	width: 246px;
	height: 87px;
	background: no-repeat url(http://www.choicemania.com/images/logo.gif);
	color: #fff;
	font-size: 1px;
}

#header p {
	margin-top: 5px;
	margin-left: 22px;
	float: left;
	display: inline;
}

#pub {
	position: relative;
	float: right;
	margin-top: 36px;
	margin-right: 102px;
	width: 368px;
	height: 60px;
	display: inline;
}


#topmenu {
	margin-top: 29px;
	background-color:#666666;
	
}

#topmenu li {
	float: right;
	height: 23px;
}

#topmenu .last a {
	border: none;
}

#topmenu a {
	display: block;
	height: 23px;
	margin-top: 3px;
	text-align: center;
	
	color: #fff;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}

#topmenu a:hover, #topmenu .candidats a:hover, #topmenu .recruteurs a:hover, #footer a:hover {
	color: #edf512;
}

#topmenu .candidats a, #topmenu .recruteurs a {
	color: #edf512;
	border: none;
}

#topmenu .candidats {
	background: #edf512;
	
}

#topmenu .recruteurs {
	background: #edf512;
	border-right: 1px solid #edf512;
}

#emploi {
	width: 126px;
}

#immobilier {
	width :88px;
}

#tourisme {
	width: 117px;
}


#content {
	margin-bottom: 30px;
	background-color:#eef4fb;
}

#maincol, #subcol {
	position: relative;
	margin-top: 22px;
	height: auto;
}

#maincol {
	float: right;
	width: 587px;
	padding-top: 8px;
	
}

#maincol h2, #maincol h3, #maincol .savoir {
	font-size: 12px;
	font-weight: bold;
}

#maincol h2 {
	margin-left: 5px;
	padding-left: 9px;
	
}

#maincol h1 {
	margin: 20px 120px 30px;
	padding: 5px 10px;
	color: rgb(131, 131, 131);
	font-size: 14px;
	background-color: #edf512;
	text-align: center;
}

#maincol h3, #maincol h2.savoir, #maincol p.savoir {
	display: block;
	margin: 20px 30px 10px;
	color: #2f5e7f;
}
#maincol h2.savoir { padding-left:0; }

#maincol p {
	margin: 0 30px;
	line-height: 1.5em;
}

#maincol p a {
	color: #000;
	text-decoration: underline;
}


#maincol .more a {
	color: #000000;
	text-decoration: underline; 
}

#maincol h2:first-letter, #maincol .savoir:first-letter, #maincol h1:first-letter {
  text-transform: uppercase;
}
#maincol h2.savoir {
  background: none;
}

p#maillage, .savoir {
	margin: 30px;
}

#subcol {
	float: left;
	width: 158px;	
	color: #bfdefe;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#2f5e7f;
}

#subcol h3 {
	height: 17px;
	padding-left: 7px;
	line-height: 17px;
	color: #edf512;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 3px solid #fbd896;
	
	
}

#subcol ul {
	margin-bottom: 4px;
}

#subcol li {
	
	padding-left: 10px;
}

#subcol a {
	color: #bfdefe;
	font: bold 10px/19px Verdana, Arial, Helvetica, sans-serif;
}

#subcol a:hover {
	color: #ffffff;
}

#subcol .spacer {
	width: auto;
	height: 14px;
	
}


#footer {
	background: #343434;
	
	font: 11px Verdana, Arial,Helvetica, sans-serif;
}

#footer div {
	height: 35px;
	padding-left: 59px;
	border: 1px solid #ffffff;
	border-width: 1px 0;
	
}

#footer #rss, #footer #toolbar, #footer p {
	display: block;
	float: center;
	margin: 0px 0px 3px
}

#footer #toolbar, #footer p {
	display: inline;
}

#footer div p.links {
	width: 620px;
	float: right;
}

#footer #rss {
	margin-left: 0;
}

#footer a#toolbar {
	font-weight: bold;
}

#footer a {
	color: #ADA5A5;
}

.plus{
	font-size:12px;
}