@import url(reset.css);

body {
	background: #fafafa;
	font:normal 12px/1em  Helvetica, Arial, sans-serif;
	text-align:center;
	color:#383838;
}

a{
	color:#138ed1;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

p{
	color:#54574f;
	font-size:12px;
	line-height:1.3em;
	text-align:justify;
}
h1,h2,h3,h4,h5,h6{
	color:#138ed1;
	font-weight:bold;
}

img.right{
	float:right;
	margin:0 0 10px 10px;
}
img.left{
	float:left;
	margin:0 10px 10px 0;
}

strong.large{
	font-size:1.1em;
	color:#138ed1;
}

/* Layout */
div#layout{
	width:850px;
	margin:0 auto;
	text-align:left;
	padding-bottom:250px;
	position:relative;
}

/* Menu */
ul#menu{
	float:right;
} 
ul#menu li{
	float:left;
	margin:33px 0 16px 10px;
	height:20px;
	list-style:none;
}
ul#menu li a{
	color:#9a9a9a;
	display:block;
	padding:0 7px;
	line-height:20px;
	font-size:12px;
	text-decoration:none;	
}
#clinique ul#menu li#link-clinique a,
#services ul#menu li#link-services a,
#feuillets ul#menu li#link-feuillets a,
#quiz ul#menu li#link-quiz a,
ul#menu li a:hover{
	/*font-weight:bold;*/
	color:#fff;
	background:#138ed1 url(../images/interface/menu-roll.png) repeat-x top left;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* header */
div#header{
	clear:both;
	border-top:3px solid #000;
	padding:30px 0;
	height:50px;
	background:url(../images/interface/line-hor.gif) repeat-x left bottom;
}
div#header h2 a{
	float:left;
	width:313px;
	height:54px;
	background:url(../images/interface/logo.gif) no-repeat top left;
	text-indent:-99999px;
	display:block;
}
div#header ul#contactinfo{
	float:right;
	font-size:10px;
	text-align:right;
	list-style:none;
	margin-top:10px;
}
div#header ul#contactinfo li{
	margin-bottom:2px;
}

/* Content*/
div#content{
	float:left;
	padding:30px 0;
}

/* colContent */
div.colContent{
	float:left;
	width:480px;
	padding: 0 60px 0 0;
	background:url(../images/interface/line-vert.gif) repeat-y right top;
}
div.colContent h1{
	font-size:18px;
	font-weight:bold;
	margin:0 0 20px 0;
	text-transform:uppercase;
	color:#54574f;
}
div.colContent h3{
	margin:15px 0 6px 0;
	font-size:13px;
	clear:both;
}
div.colContent ul{
	margin-left:15px;
	list-style-type:square;
	color:#138ed1;
}
div.colContent ul li{
	margin:0 0 2px 0;
}
div.colContent ul li span{
	color:#54574f;
}

div.colContent ul.feuilletListe{
	margin-top:10px;
}
div.colContent ul.feuilletListe li{
	margin-bottom:5px;
}

div.colContent div.desc{
	background:url(../images/interface/line-hor.gif) repeat-x left bottom;	
	padding-bottom:5px;
	width:510px;
	margin-bottom:20px;
}
div.colContent div.desc p{
	margin-bottom:15px;
}


div.colSidebar{
	float:right;
	width:280px;
	padding:0 0 0 30px;
}

div.colSidebar h3{
	font-size:14px;
	color:#54574f;
	font-weight:bold;
	margin:0 0 20px 0;
}

div.colSidebar ol{
	list-style:none;
	margin:0 0 25px;
}
div.colSidebar ol li{
	background:url(../images/interface/line-hor.gif) repeat-x left bottom;
	padding:0 0 4px 0;
	margin:0 0 4px 0;
	font-size:11px;
}

div.colSidebar ol.lastnews li{
	padding:0 0 8px 0;
	margin:0 0 8px 0;	
}

div.colSidebar ol li.last{
	background:none;
}
div.colSidebar ol li em{
	font-style:normal;
	color:#138ed1;
}

div.colSidebar ol.feuillets li{
	background:none;
	border-bottom:1px solid #138ed1;
	padding:0;
	margin:0;
}
div.colSidebar ol.feuillets li.last{border:none;}
div.colSidebar ol.feuillets li a{
	display:block;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	padding:0 0 0 5px;
}
div.colSidebar ol.feuillets li a:hover{
	color:#FFF;
	background:#138ed1;
	text-decoration:none;
}

/* footer */
div#footer{
	overflow:hidden;
	clear:both;
	padding-top:15px;
	background:url(../images/interface/line-hor.gif) repeat-x left top;
}
div#footer ul{
	overflow:hidden;
	width:340px;
	margin:0 auto;
}
div#footer ul li{
	float:left;
	list-style:none;
	font-size:11px;
	padding-right:5px;
	margin-right:5px;
	background:url(../images/interface/footer-sep.gif) no-repeat right center;
}
div#footer ul li.last{
	margin:0;
	padding:0;
	background:none;
}
div#footer ul li a{
	color:#ababab;
}


/* Quiz page */
#quizlist{
	list-style:none;
}
#quizlist li{
	margin-bottom:5px;
}
#quizlist ul li{
	float:left;
	margin-right:10px;
	list-style:none;
	margin-top:5px;
}
#quizlist div.explication{
	clear:both;
	display:none;
}
#quizlist div.explication p{
	color:#841111;
}
#quizlist div.explication p.correct{
	color:#2f8437;
}
#quizlist ul{
	margin-bottom:10px;
	float:left;
}
#quizlist h4{
	color:#54574f;
	margin-bottom:5px;
}