/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/**	* All media styles
	* @package		CSS
	* @copyright	This website
	* @licence		Under licence, as specified in the licence.txt file
	* @description	Styles displayed on "all" media. DO NOT remove the CC styles, just modify them, they are system styles.
	* @help			Check http://www.cafecentral.fr/fr/wiki/ for help
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* HTML 5 (waiting for the real deal)
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
header, section, footer, aside, nav, article, figure {
    display: block;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* General stuff
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * General
/********************************************************************************************/
body {
	font-family:arial, "Lucida Grande", Geneva, Verdana, sans-serif;
	font-size:1em;
	color:#555555;
	background:#ffffff;
}
/* Annulations generales */
body, p, ul, form {
	padding:0;
	margin:0;
}
table	{border-collapse:collapse;}
img		{border:0;}
/* Clearing float use : <div class="clear"><!-- Clearing floats --></div> */
.clear {
	clear:both;
	height:0;
	line-height:0;
}

/********************************************************************************************/
/* CC * Hyperlinking
/********************************************************************************************/
a {
	color:#5596C1;
	text-decoration:none;
	border-bottom:1px solid;
}
a:hover {}
a:active {}
a:visited {}

/* Accesskey */
.acceskey {text-decoration:underline;}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Main structure (position, content, context...)
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * Structure
/********************************************************************************************/
/* The page */
#page,
header .position {
	position:relative;
	width:980px;
	margin:auto;
}

/* Content */
#cnt {
	width:550px;
	float:left;
}
#about {
	margin-bottom:20px;
	border-bottom:1px solid #dddddd;
}
#about.direct {
	border-bottom:none !important;
}

/* Context */
#ctx {
	width:340px;
	float:right;
	border-left:1px solid #F2F2F2;
}

/* Fullpage */
.fullpage #cnt {
	width:auto;
	float:none;
}
.fullpage #ctx {
	clear:both;
	width:auto;
	float:none;
	overflow:auto;
	border:none;
	border-top:4px double #dddddd;
}
.fullpage #pagetxt,
.fullpage #articledetail .txt {
 	/* FF */
	-moz-column-count:3;
    -moz-column-gap:2em;
 	/* Safari */
	-webkit-column-count:3;
	-webkit-column-gap:2em;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Various elements of the page (menus, search...)
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * Header
/********************************************************************************************/
header {
	padding:15px 0 0 0;
	margin-bottom:50px;
	background:#333333;
	font-size:0.9em;
}
header a {
	color:#cccccc;
}

/********************************************************************************************/
/* CC * Logo
/********************************************************************************************/
header #logo {
	padding:52px 0 0 0;
	border:none;
	margin:0 7px 0 0;
	float:left;
	font-size:2em;
	font-family:'raleway-1', 'raleway-2', 'arial';
}
header #logo a {
	border:none;
}

/********************************************************************************************/
/* CC * Menu Langue
/********************************************************************************************/
#mnlangue {
	display:inline;
}
#mnlangue a.langue {
	padding:2px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#555555;
	font-size:9px;
	text-transform:uppercase;
	border:none !important;
	top:-1px;
	position:relative;	
	color:#cccccc;
}

/********************************************************************************************/
/*	Menus
/********************************************************************************************/
/* Menu de niveau  ! */
#mn1 {
	list-style-type:none;
	font-size:0.7em;
	position:relative;
	height:90px;
	margin-left:200px;
}
#mn1>li {
	width:160px;
	border-left:1px solid #555555;
	padding:0 0 0 20px;
	position:absolute;
	bottom:15px;
	line-height:1.2em;
	color:#999999;
}
#mn1>li a {
	border:none;
	position:relative;
	line-height:1em;
}
#mn1>li.on .titre a {
	background:url('../image/common/dropped_bottom_bg_white.png') bottom center no-repeat;
	padding-bottom:14px;
}
#mn1>li.number1 {
}
#mn1>li.number2 {
	left:200px;
}
#mn1>li.number3 {
	left:400px;
}
#mn1>li.number4 {
	padding-right:0;
	left:600px;
}
#mn1>li>.titre,
#mn1>li form>.titre input {
	margin:7px 0 0 0;
	border:none;
	font-size:1.8em;
	line-height:0.7em;
	clear:both;
	font-family:"adelle-1","adelle-2", arial;
}
#mn1>li>.titre a {
	color:#ffffff;
}

/* Spécificités */
#mn1>li.page02 .focus {
	display:block;
	background:#aaaaaa;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
}
#mn1>li.page02 .focus ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#mn1>li.page02 .focus a {
	color:#333333;
}
#mn1>li.page02 .focus .ornement {
	background:#aaaaaa;
	position:absolute;
	bottom:-8px;
	left:70px;
	width:8px;
	height:8px;
	background-image:url('../image/common/bulle_ornement_black_right.png');
}

/* Smartsearch */
#q {
	background:transparent;
	padding:5px 10px;
	border:0;
	color:#ffffff;
	font-size:1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:145px;
	position:relative;
	top:6px;
	left:-6px;
	border:1px solid transparent;
}
#q.onmouseover {
	border-color:#555555;
}
#q.onfocus {
	color:#999999;
	background:#ffffff;
	-moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.4);
	border-color:#dddddd;
}
#qajx {
	position:absolute;
	top:60px;
	right:0;
	width:300px;
	max-height:500px;
	padding:20px;
	color:#cccccc;
	background:#333333;
	z-index:2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}
#qajx a {
	color:#ffffff !important;
}
#qajx ul {
}
#qajx ul li {
	list-style-type:none;
	margin-bottom:10px;
}
#qajx ul li .titre {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
}
#qajx ul li .chapo {
	line-height:1.4em;
}
#qajx ul li strong {
	background:#555555;
}
#qajx .more {
	font-size:1.3em;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #666666;
}
#qajx .nodata {
	background:none;
	margin:0;
}
#qajx .nodata a,
#qajx .more a {
	border-bottom:1px solid;
}

/********************************************************************************************/
/* CC * You are here
/********************************************************************************************/
#location {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #000000;
	font-size:0.8em;
}
#location a {
	border:none;
}

/* Ariane thread */
#youarehere {
	display:inline;
	margin-right:5px;
}
#youarehere span {}
#youarehere a:hover {}

/* I'm lost !*/
#location .lost {display:none;}
#location:hover .lost {display:inline;}

/********************************************************************************************/
/* CC * Natural Search
/********************************************************************************************/
#naturalsearch {
	float:right;
}
#naturalsearch label {display:none;}

#naturalsearch .text,
.smartsearch .text {
	padding:3px 3px 3px 20px !important;
	border:1px solid #cccccc;
	background:#ffffff url('../image/common/ico_search_black.png') 5px 4px no-repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#999999;
	width:90px;
	-moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}
#naturalsearch .submit {
	display:none;
}

/********************************************************************************************/
/* Smartlist
/********************************************************************************************/
.smartsearch {
	background:#F5F5F5;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:20px;
	margin-bottom:15px;
	text-align:center;
}
.smartsearch .text {
	width:300px;
	padding: 10px 10px 10px 25px !important;
	background-position:7px 15px;
	font-size:1.1em;
}

.toctag {
	list-style-type:none;
	font-size:0.7em;
	margin-bottom:20px;
	overflow:auto;
}
.toctag li {
	float:left;
	width:180px;
}
.toctag li a {
	border:none;
	color:#aaaaaa;
}

/********************************************************************************************/
/* CC * Alerts, Search engine Resume and Google search
/********************************************************************************************/
#alerte,
#discussionalerte,
#resume,
#googlesearcher {
	font-size:0.8em;
	margin-bottom:20px;
	background:#FFFBCC;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#555555;
	line-height:1.2em;
}
#alerte	.titre,
#discussionalerte .titre,
#resume	.titre {
	font-size:1em;
	margin:5px 0;
	font-weight:bold;
}
#alerte	.chapo,
#discussionalerte .chapo,
#resume	.chapo {
	font-size:1em;
	margin:5px 0;
}

/********************************************************************************************/
/* CC * Content
/********************************************************************************************/
#cnt {
}
#pagechapo,
#articledetail .chapo {
	line-height:1.5em;
	font-size:1.1em;
	color:#888888;
	overflow:auto;
	margin-bottom:20px;
}
.withvideo #pagechapo,
.withvideo #articledetail .chapo {
	border:none;
	padding:0;
}
#pagetxt,
#articlelist .txt,
#articledetail .txt {
	font-size:0.9em;
	margin-bottom:30px;
	line-height:1.6em;
}
#pagetxt p,
#pagetxt ul,
#pagetxt ol,
#articlelist .txt p,
#articlelist .txt ul,
#articlelist .txt ol,
#articledetail .txt p,
#articledetail .txt ul,
#articledetail .txt ol {
	margin-bottom:15px;
}
#pagetxt ul,
#pagetxt ol,
#articlelist .txt ul,
#articlelist .txt ol,
#articledetail .txt ul,
#articledetail .txt ol {
	padding-left:40px;
	overflow:auto;
}

/* Titles H1, H2... */
#about h1 {
	font-size:4em;
	letter-spacing:-2px;
	line-height:1.1em;
	font-weight:bold;
	margin:0 0 10px 0;
	font-family:'raleway-1', 'raleway-2', 'arial';
}
#about h1 a {
	color:#444444;
	border:none;
}
#about h1:hover a span {display:inline !important;}
#about h1 a span.arrow {
	display:none;
	position:relative;
	top:-15px;
	font-size:1.3em;
	line-height:0em;
}
#about h1 a span.where {
	display:none;
	font-size:0.5em;
	line-height:1em;
	left:-30px;
	position:relative;
	color:#5596C1;
}
#cnt h2 {
	margin:20px 0 5px 0;
	font-family:"adelle-1","adelle-2", arial;
}
#cnt h3 {}
#cnt h4 {}

/* Blockquote */
#pagetxt blockquote {
	margin:0 0 10px 50px;
	padding:10px 0;
	width:40%;
	float:right;
	font-size:1.3em;
	line-height:1.2em;
	color:#888888;
	border-top:3px double #cccccc;
	border-bottom:3px double #cccccc;
	font-family:'raleway-1', 'raleway-2', 'arial';
}
blockquote {
	margin:0 0 0 50px;
	padding:0;
}
blockquote p {
	line-height:1.2em !important;
	margin:0 !important;
}
blockquote:before {
	content:'“';
	line-height:0.6em;
	height:0;
	margin-left:-20px;
	color:#eeeeee;
	display:block;
	font-size:10em;
	font-style:normal;
	font-family:'arial';
}
blockquote .by {
	font-size:0.6em;
	color:#999999;
	margin:5px 0 0 0;
	line-height:1.2em;
	font-style:normal;
}

/* Tables */
#pagetxt table,
#articledetail table,
#articlelist table {
	margin-bottom:10px;
	font-size:0.8em;
	width:100%;
}
#pagetxt table tr th,
#articledetail table tr th,
#articlelist table tr th,
#pagetxt table tr td,
#articledetail table tr td,
#articlelist table tr td {
	padding:3px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
#pagetxt table tr th,
#articledetail table tr th,
#articlelist table tr th {
	text-align:left;
}

/* Code */
pre,
code {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
	background:#F2F2F2;
	color:#777777;
	display:block;
}

/* Iframe */
iframe {
	padding:10px;
	border:1px solid #dddddd;
}

/* Images */
#cnt img {
	max-width:100%;
}
#pagetxt img
#articlelist img,
#articledetail img {
	display:block;
}

/********************************************************************************************/
/* CC * Article listed
/********************************************************************************************/
#articlelist {
	list-style-type:none;
}
#articlelist .article {
	font-size:1em;
	overflow:auto;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

/* Articles, field by field now  */
#articlelist .article .titre {
	font-family:"adelle-1","adelle-2", arial;
	font-size:1.1em;
	line-height:1.3em;
	margin:0 0 3px 0;
}
#articlelist .article .titre a {
	border:none;
}
#articlelist .article .chapo {
	font-size:0.75em;
	line-height:1.4em;
	color:#999999;
	margin-bottom:10px;
}
#articlelist .article .tag {
	font-size:0.75em;
}
#articlelist .article img {
	width:100%;
	display:block;
}

/* Articles en listes sur une full page */
.fullpage #articlelist .article {
	float:left;
	margin:15px;
	width:200px;
	height:250px;
	border:none;
	text-align:center;
	overflow: hidden;
}
.fullpage #articlelist .image {
	float:left;
	width:196px;
	padding:1px;
	border:1px solid #dddddd;
	margin:0 10px 10px 0;
}

/********************************************************************************************/
/* CC * Wiki & doc
/********************************************************************************************/
/* Common */
#wikilistajx .article a,
#doclistajx .article a {
	border:none;
}
#wikilistajx .article a:hover,
#doclistajx .article a:hover {
	border-bottom:1px solid;
}
#wikilistajx .article>.titre,
#doclistajx .article>.titre {
	margin-bottom:5px;
	font-family:"adelle-1","adelle-2", arial;
}
#wikilistajx .article>.chapo,
#doclistajx .article>.chapo {
	font-size:0.75em;
	color:#999999;
	margin-bottom:7px;
	line-height:1.4em;
}
#wikilistajx .article strong,
#doclistajx .article strong {
	background:#fbed73;
	font-weight:normal;
}

/* Wiki */
#wikilist {}
#wikilistajx .article {
	list-style-type:none;
	border-bottom:1px solid #dddddd;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
#wikilistajx .article>.titre {
	background:url('../image/common/ico_page_content_black.png') no-repeat 0 3px;
	padding-left:15px;
}
#wikilistajx .article .chapo {
	display:inline;
}
#wikilistajx .article .tag {
	font-size:0.75em;
	color:#bbbbbb;
	display:inline;
}
#wikilistajx .article .tag a {
	color:#bbbbbb;
}

/* Doc */
#doclistajx .article {
	list-style-type:none;
	border-bottom:1px solid #dddddd;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
#doclistajx .article>.titre {
	background:url('../image/common/ico_media_script_black.png') no-repeat 0 2px;
	padding-left:15px;
}
#doclistajx .article>.titre span {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#999999;
	font-size:9px;
	margin-right:5px;
	padding:2px 5px;
	text-transform:uppercase;
	background:#F2F2F2;
	font-weight:bold;
	position:relative;
	top:-1px; /* Alignement optique */
	font-family:arial;
}
#doclistajx .article .function {
 	/* FF */
	-moz-column-count:3;
    -moz-column-gap:2em;
 	/* Safari */
	-webkit-column-count:3;
	-webkit-column-gap:2em;
	list-style-type:none;
	font-size:0.75em;
}
#doclistajx .article .function li {
	margin:0 0 3px 0;
}
#doclistajx .article .function li .titre {

}

/********************************************************************************************/
/* CC * Articles, when reading the detail of one
/********************************************************************************************/
#articledetail {
	margin:0 0 20px 0;
}
#articledetail .titre {
	font-size:2.8em;
	line-height:1.1em;
	margin:0 0 15px 0;
}
#articledetail .txt {
}
#articledetail .tag {
	padding:10px 10px 10px 30px;
	font-size:0.8em;
	color:#bbbbbb;
	background:#555555 url('../image/common/ico_tag_white.png') 10px center no-repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#articledetail .tag a {
	color:#eeeeee;
}
#articledetail .url {
	text-align:center;
	color:#cccccc;
}
#articledetail .image {
	padding:1px;
	border:1px solid #dddddd;
	margin:0 auto 20px auto;
}
#articledetail .image ul {
	overflow:auto;
	list-style-type:none;
}
#articledetail .image ul li {
	float:left;
	width:448px;
	margin:20px;
}

/********************************************************************************************/
/* CC * Topic, when reading the detail of one
/********************************************************************************************/
#topicdetail {
	margin:0 0 20px 0;
}

/* 1st level */
#topicdetail .titre {
	font-size:2.8em;
	line-height:1.1em;
	margin:0 0 15px 0;
}
#topicdetail .chapo {
	margin:0 !important;
	clear:both;
}

/* 2nd level */
#topicdetail .subpost {
	border-top:1px solid #dddddd;
	margin-top:10px;
	clear:both;
}
#topicdetail .subpost>div>ul {
	list-style-type:none;
	clear:both;
	font-size:0.9em;
}
#topicdetail .subpost>div>ul>li {
	overflow:auto;
	border-bottom:1px solid #dddddd;
	padding:10px 0;
}
#topicdetail .subpost ul li .rating {
	float:right;
	margin-right:5px;
}

/* 1st & 2nd level */
#topicdetail .chapo,
#topicdetail .subpost ul li .chapo {
	font-size:0.9em;
	margin-bottom:20px;
	line-height:1.6em;
}
#topicdetail .userinsert,
#topicdetail .auteur,
#topicdetail .datetimeinsert,
#topicdetail .subpost ul li .userinsert,
#topicdetail .subpost ul li .auteur,
#topicdetail .subpost ul li .datetimeinsert {
	font-size:0.8em;
	float:left;
	margin:0 10px 15px 0;
}
#topicdetail .datetimeinsert {
	color:#999999;
}
#topicdetail .insertpost {
	clear:both;
}

/* Insert d'image */
#topicdetail .attach {
	border-bottom:1px solid #F2F2F2;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:0.7em;
	clear:both;
}
#topicdetail .attach .urlimage {
	width:100px;
	margin:0 10px 10px 0;
	float:left;
}
#topicdetail .attach .urlimage img {
	max-width:100%;
}
#topicdetail .attach .urltitre,
#topicdetail .attach .url,
#topicdetail .attach .urlchapo {
	line-height:1.4em;
}
#topicdetail .attach .urlchapo {
	color:#999999;
}

/* Form */
#topicdetail .insertpost form {
	padding-top:20px;
}

/********************************************************************************************/
/* CC * Forms to post a comment or a post
/********************************************************************************************/
form.formcomment,
form.formpost {
	margin-bottom:20px;
	clear:both;
}

/* 1st level */
form.formcomment>fieldset,
form.formpost>fieldset {
	background:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
}
form.formcomment ol>li,
form.formpost ol>li {
}
form.formcomment ol>li label,
form.formpost ol>li label {
	display:none;
}
form.formcomment ol>li>.textarea,
form.formpost ol>li>.textarea,
form.formcomment ol>li>.text,
form.formpost ol>li>.text {
	width:500px;
}

/* Attachements */
form .formattach li {
	border-top:1px solid #dddddd;
	padding-top:10px;
}
form.formcomment .attach,
form.formpost .attach {
	margin:0;
}
form.formcomment .attach li,
form.formpost .attach li {
	clear:none !important;
	display:inline;
	padding:0;
}
form.formcomment .attach li a,
form.formpost .attach li a {
	border:1px solid transparent;
	padding:3px 5px;
}
form.formcomment .attach li a:hover,
form.formpost .attach li a:hover {
	border-color:#cccccc;
}
form.formcomment .attachment,
form.formpost .attachment {
	clear:both;
	overflow:hidden;
	height:120px;
	padding:20px;
	background:#ffffff;
}
form.formcomment .attachtype,
form.formpost .attachtype {
	position:relative;
	float:left;
	height:100px;
}
form.formcomment .attachtype li,
form.formpost .attachtype li {
	width:100px;
	height:100px;
	border:1px solid #dddddd;
	background:#ffffff;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	-moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}
form.formcomment .attachtype:hover li,
form.formpost .attachtype:hover li,
form.formcomment .attachtype li.off,
form.formpost .attachtype li.off {
	opacity:0.1;
}
form.formcomment .attachtype:hover li,
form.formpost .attachtype:hover li {
	z-index:0 !important;
}
form.formcomment .attachtype li:hover,
form.formpost .attachtype li:hover,
form.formcomment .attachtype li.on,
form.formpost .attachtype li.on {
	border-color:#88CC00;
	opacity:1;
	top:-10px;
	-moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}
form.formcomment .attachtype li.on,
form.formpost .attachtype li.on {
	z-index:10;
}
form.formcomment .attachtype li img,
form.formpost .attachtype li img {
	max-width:100px;
	max-height:100px;
}
form.formcomment .attachment .urltitre,
form.formpost .attachment .urltitre, 
form.formcomment .attachment .urllink,
form.formpost .attachment .urllink,
form.formcomment .attachment .urlchapo,
form.formpost .attachment .urlchapo {
	margin-left:200px;
	margin-bottom:3px;
}
form.formcomment .attachment .urltitre,
form.formpost .attachment .urltitre {
	font-size:0.8em;
	font-weight:bold;
}
form.formcomment .attachment .urllink,
form.formpost .attachment .urllink {
	font-size:0.7em;
}
form.formcomment .attachment .urlchapo,
form.formpost .attachment .urlchapo {
	font-size:0.7em;
	color:#999999;
}

/* 2nd level */
.insertcomment form {
	float:right;
	width:400px;
}

/********************************************************************************************/
/* CC * List of comments (on an article or a user)
/********************************************************************************************/
/* 1st level */
.listofcomment {
	list-style-type:none;
	clear:both;
}
.listofcomment>li {
	padding:10px 0;
	border-bottom:1px solid #eeeeee;
	overflow:auto;
	clear:both;
}
.listofcomment>li>.userinsert,
.listofcomment>li>.auteur {
	font-size:0.8em;
	text-align:right;
	margin-bottom:3px;
	width:135px;
}
.listofcomment>li>.datetimeinsert {
	font-size:0.6em;
	color:#999999;
	text-align:right;
	width:135px;
}
.listofcomment>li>.titre {
	font-size:1.2em;
}
.listofcomment>li>.chapo {
	font-size:0.8em;
	line-height:1.4em;
	width:400px;
	float:right;
	color:#666666;
}
.listofcomment>li>.option {

}

/* 2nd level */
.listofcomment li .subcomment ul {
	list-style-type:none;
	clear:both;
	font-size:0.7em;
	line-height:1.4em;
}
.listofcomment li .subcomment ul li {
	margin-top:10px;
	width:400px;
	overflow:auto;
	float:right;
}
.listofcomment li .subcomment ul li .userinsert,
.listofcomment li .subcomment ul li .auteur {
	color:#999999;
	display:inline;
	margin-right:5px;
}
.listofcomment li .subcomment ul li .datetimeinsert {
	display:inline;
	margin-right:5px;
	color:#cccccc;
}
.listofcomment li .subcomment ul li .chapo {
	color:#666666;
	background-color:#F5F5F5;
	padding:10px;
	margin-top:4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/********************************************************************************************/
/* CC * List of posts (a forum)
/********************************************************************************************/
/* 1st level */
.listofpost {
	width:100%;
	font-size:0.8em;
}
.listofpost tr th {
	text-align:right;
	border-bottom:1px solid #cccccc;
}
.listofpost tr td {
	text-align:left;
	border-bottom:1px solid #eeeeee;
}
.listofpost tr.pair {
	background:#FCFCFC;
}
.listofpost tr th,
.listofpost tr td {
	vertical-align:top;
	padding:5px;
	font-weight:normal;
}
.listofpost tr td.counttopic,
.listofpost tr td.countpost,
.listofpost tr td.countvoice,
.listofpost tr td.datetimeupdate {
	text-align:right;
}

/********************************************************************************************/
/* CC * List of comments & list of posts
/********************************************************************************************/
/* Insert d'image */
.listofcomment .attach,
.listofpost .attach {
	border-bottom:1px solid #F2F2F2;
	padding-bottom:10px;
	margin-bottom:10px;
	width:400px;
	float:right;
	font-size:0.7em;
}
.listofcomment .attach .urlimage,
.listofpost .attach .urlimage {
	width:100px;
	margin:0 10px 10px 0;
	float:left;
}
.listofcomment .attach .urlimage img,
.listofpost .attach .urlimage img {
	max-width:100%;
}
.listofcomment .attach .urltitre,
.listofpost .attach .urltitre,
.listofcomment .attach .url,
.listofpost .attach .url,
.listofcomment .attach .urlchapo,
.listofpost .attach .urlchapo {
	line-height:1.4em;
}
.listofcomment .attach .urlchapo,
.listofpost .attach .urlchapo  {
	color:#999999;
}

/********************************************************************************************/
/* CC * Forum index
/********************************************************************************************/
#forumindex {
	overflow:auto;
	margin-bottom:30px;
}
#forumindex table {
	width:100%;
}
#forumindex tr th {
	text-align:right;
	border-bottom:1px solid #cccccc;
}
#forumindex tr td {
	text-align:left;
	border-bottom:1px solid #eeeeee;
}
#forumindex tr.pair {
	background:#FCFCFC;
}
#forumindex tr th,
#forumindex tr td {
	vertical-align:top;
	padding:5px;
	font-weight:normal;
}
#forumindex tr td.counttopic,
#forumindex tr td.countpost,
#forumindex tr td.countvoice,
#forumindex tr td.datetimeupdate {
	text-align:right;
}

/* Forums */
#forumindex #forumindexforum {
	float:left;
	width:30%;
}
#forumindex #forumindexforum table {
	font-size:0.8em;
}
#forumindex #forumindexforum table .about .titre a {
	font-weight:bold;
}
#forumindex #forumindexforum table .about .chapo {
	color:#999999;
	font-style:italic;
}
#forumindex #forumindexforum table .about .subforum a {
	color:#999999;
}

/* Overview */
#forumindex #forumindexoverview {
	float:right;
	width:65%;
}
#forumindex #forumindexoverview table {
	font-size:0.8em;
}

/* Overview (smartlist) */
#forumindex #forumindexoverview #forumindexsmartlist {
	background:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:20px;
	margin-bottom:15px;
	text-align:center;
}
#forumindex #forumindexoverview #forumindexsmartlist .text {
	width:300px;
	padding: 10px 10px 10px 25px !important;
	background-position:7px 15px;
	font-size:1.1em;
}

/* Overview (pined topics)*/
#forumindex #forumindexoverview #forumindextopic_pin {
	margin-bottom:20px;
}
#forumindex #forumindexoverview #forumindextopic_pin td {
	background:#ffffd6;
}

/* Overview (topics) */
#forumindex #forumindexoverview #forumindextopic {}

/********************************************************************************************/
/* CC * Page navigator (next / previous)
/********************************************************************************************/
#nextprevious {
	clear:both;
	border-top:1px solid #dddddd;
	padding:20px 0;
	margin:20px 0;
	text-align:center;
	font-size:0.6em;
}
#nextprevious span,
#nextprevious a {
	padding:2px 5px;
	margin:0 5px;
}
#nextprevious a {
	border:none;
	color:#666666;
}
#nextprevious a.page {
	border:1px solid #dddddd;
}
#nextprevious a.page:hover {
}
#nextprevious span.on {
}

/********************************************************************************************/
/* Encart */
/********************************************************************************************/
.encart {
	background:url('../image/common/ctx_bg.gif') repeat;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	padding:30px;
	overflow:auto;
	margin-bottom:20px;
	font-size:0.7em;
}

/* En 3 cols */
.encart ul.in3col li {
	float:left;
	width:253px;
	background:#ffffff;
	padding:20px;
	margin-right:20px;
	-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	list-style-type:none;
	min-height:200px;
}
.encart ul.in3col li h2 {
	margin:0 0 5px 0;
}
.encart ul.in3col li p {
	color:#999999;
}
.encart ul.in3col li.number3,
.encart ul.in3col li.number6,
.encart ul.in3col li.number9 {
	margin-right:0 !important;
	border:none;
}
/* Big */
.encart .big {
	list-style-type:none;
}
.encart .big a {
	border:none;
}
.encart .big li {
	margin-bottom:30px;
}
.encart .big li .titre {
	font-family:"adelle-1","adelle-2", arial;
	font-weight:bold;
	font-size:4em;
}
.encart .big li .chapo {
	font-weight:normal;
	font-size:2em;
	color:#888888;
}

/********************************************************************************************/
/* CC * Context area and boxes
/********************************************************************************************/
#ctx {
	font-size:0.8em;
	line-height:1.4em;
}
#ctx #ctxbox {
	list-style-type:none;
	background:#ffffff;
}
#ctx #ctxbox>li {
	padding:0 20px 20px 20px;
	margin:0 0 20px 0;
	border-bottom:1px solid #eeeeee;
}
#ctx #ctxbox>li>.titre {
	font-family:"adelle-1","adelle-2", arial;
	font-size:1.3em;
	line-height:1.2em;
	margin:0 0 5px 0;
}
#ctx #ctxbox>li>.chapo {
	color:#999999;
	margin-bottom:7px;
}
#ctx #ctxbox>li>.image {
	border:1px solid #dddddd;
	padding:1px;
	float:left;
	margin-right:10px;
}
#ctx #ctxbox>li>.image img {
	width:190px;
	display:block;
}

/* Fullpage */
.fullpage #ctxbox>li {
	border-bottom:none !important;
	border-right:1px solid #eeeeee;
	width:299px;
	float:left;
	margin:0 !important;
	padding:20px !important;
}
.fullpage #ctx li.number1,
.fullpage #ctx li.number4,
.fullpage #ctx li.number7 {
	padding-left:0 !important;
}
.fullpage #ctx li.number3,
.fullpage #ctx li.number6,
.fullpage #ctx li.number9 {
	border:none;
	padding-right:0 !important;
}

/* Lists */
#ctx #ctxbox>li ul {
	margin-left:15px;
}
#ctx #ctxbox>li ul>li {
	margin:0 0 5px 5px;
	list-style-type:square;
}
#ctx #ctxbox>li ul>li>.titre {
}
#ctx #ctxbox>li ul>li>.titre a {
	border:none;
}
#ctx #ctxbox>li ul>li>.chapo {
	color:#999999;
}

/* Action */
#ctx .action a {
	padding:13px 20px 13px 30px !important;
	font-size:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	font-size:12px;
	line-height:14px;
	border:none;
	-moz-box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.1);
	display:block;
	width:180px;
	margin:auto;
	font-weight:bold;
	border:none;
	color:#F2F2F2;
	background:#88CC00 url('../image/common/ico_action_confirm_white.png') 10px center no-repeat;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}
#ctx .action a:hover {
	background-color:#d54e21;
}

/* Forms */
#ctx #ctxbox form fieldset {
	border:none;
	background:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}
#ctx #ctxbox form fieldset .text {
	width:90%;
	padding:5px;
	font-size:1.4em;
	color:#cccccc;
}
#ctx #ctxbox form fieldset .textarea {
	width:90%;
	padding:5px;
	font-size:1em;
	color:#999999;
	min-height:100px;
}
#ctx #ctxbox form fieldset .submit {
	display:none;
}

/* Wiki, Doc & Satisfaction */
#ctxbox .wiki,
#ctxbox .doc,
#ctxbox .satisfaction {
}
#ctxbox .wiki .titre a,
#ctxbox .doc .titre a,
#ctxbox .satisfaction .titre a {
	display:block;
	text-align:center;
	padding-top:230px;
	background:url('../image/icon/icon_map_32.png') top center no-repeat;
	border:none;
}
#ctxbox .wiki .chapo,
#ctxbox .doc .chapo,
#ctxbox .satisfaction .chapo {
	text-align:center;
	margin-bottom:10px;
}

/* Famous Functions */
#ctxbox .famousfnt ul {
	overflow:auto;
	margin:0 !important;
}
#ctxbox .famousfnt ul li {
	float:left;
	width:50%;
	margin-left:0 !important;
	list-style-type:none !important;
}
#ctxbox .famousfnt ul li.number1 .chapo,
#ctxbox .famousfnt ul li.number3 .chapo,
#ctxbox .famousfnt ul li.number5 .chapo {
	padding-right:10px;
}
#ctxbox .famousfnt ul li.number3,
#ctxbox .famousfnt ul li.number5 {
	clear:left;
}

/********************************************************************************************/
/* CC * Automatic buttons for content edition (report, delete...)
/********************************************************************************************/
.option {
	clear:both;
	float:right;
	padding:0 0 5px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
li:hover .option {
	background:#F2F2F2;
}
.option li {
	display:inline !important;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	border:none !important;
	font-size:10px !important;
}
.option li a {
	color:#cccccc !important;
}
.option li a:hover {
	color:#000000 !important;
}

/* Cacher les options des amis acceptés */
.accepted .option {display:none;}
/* Cacher les options des objets reportés */
.reported .option .report {display:none;}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Now for the system pages, that can not be removed
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * Search results (system page with "search" key)
/********************************************************************************************/
#search {}
#search #resume {
	/* same as #alerte */
}
#search #suggestion {
	font-size:0.8em;
	margin-bottom:20px;
	font-style:italic;
}

/* Results */
#search #results {}
#search #results li {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #dddddd;
	list-style-type:none;
	overflow:auto;
	line-height:1.1em;
}

/* Resultats images */
#search #results .image {
	float:left;
	width:100px;
	border:1px dotted #cccccc;
	padding:5px;
	margin:0 15px 0 0;
}
#search #results .image a {
	border:none;
}
#search #results .image img {
	width:98px;
}

/* Titres des resultats */
#search #results .titre {
	font-size:0.9em;
	margin:0 0 5px 0;
	padding-left:16px;
	background:0px 3px no-repeat;
}
#search #results .titre a{}
#search #results .titre a:hover{}
#search #results .titre .langue {}
#search #results .titre .type {}

/* Results types */
#search #results li.page .titre {
	background-image:url('../image/common/ico_page_black.png');
}
#search #results li.article .titre {
	background-image:url('../image/common/ico_article_black.png');
}
#search #results li.media .titre {
	background-image:url('../image/common/ico_media_document_black.png');
}

/* Chapo des resultats */
#search #results .chapo {
	font-size:0.8em;
	margin-bottom:5px;
	color:#666666;
}
/* Cursus */
#search #results .cursus {
	font-size:0.8em;
}
#search #results .cursus a {color:#666666;}

/* highlight */
#search #results strong {
	background:#fbed73;
}

/********************************************************************************************/
/* CC * Site map (system page with "map" key)
/********************************************************************************************/
#map	{}
#map ul {
	margin-top:3px;
	list-style-type:none;
	line-height:1.2em;
}
#map ul.langue,
#map ul.page,
#map ul.system	{
	margin:0 0 10px 0;
}
#map ul.page {
	border-bottom:1px dashed #cccccc;
}
#map ul.page li {margin-bottom:7px;}
#map ul.page ul li {list-style-type:disc;margin-bottom:0;font-size:0.9em;}
#map ul.page ul li a {border:none;color:#333333;}

#map ul.langue	{}
#map ul.page		{font-weight:bold;}
#map ul ul			{font-weight:normal;margin-left:20px;font-size:0.9em;}
#map ul ul ul		{margin-left:40px;}
#map ul ul ul ul	{margin-left:60px;}
#map ul ul ul ul ul	{margin-left:80px;}
#map ul.system	{}

/********************************************************************************************/
/* CC * Tag list (system page with "tag" key)
/********************************************************************************************/
#tag {
	font-size:0.9em;
}
#tag li {
	margin:0 0 15px 0;
	list-style-type:none;
	background:url('../image/icon_tag.png') top left no-repeat;
	padding-left:20px;
}
#tag li a {
	border:none;
}
#tag li .titre {
	margin-bottom:5px;
	font-weight:bold;
}
#tag li .chapo {
	color:#666666;
}

/********************************************************************************************/
/* CC * Last update list (system page with "update" key)
/********************************************************************************************/
ul#update	{}
ul#update li	{
	margin:0 0 20px 0;
	list-style-type:none;
}
ul#update li .titre	{
	font-weight:bold;
	margin-bottom:5px;
}
ul#update li .datetimeinsert	{
	margin-bottom:5px;
	font-size:0.8em;
	color:#666666;
}
ul#update li .chapo	{
	font-size:0.8em;
}

/********************************************************************************************/
/* CC * RSS feeds list (system page with "rss" key)
/********************************************************************************************/
ul#rss	{}
ul#rss li	{
	margin:0 0 20px 0;
	list-style-type:none;
	line-height:1.2em;
	color:#555555;
}
ul#rss li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
ul#rss li .titre a {}
ul#rss li .titre a:hover {}
ul#rss li .url {
	padding:5px 5px 5px 24px;
	border:1px solid #cccccc;
	font-size:0.8em;
	margin-bottom:10px;
	background:url('../image/common/icon_rss_14_defaut.png') 5px center no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
ul#rss li .url a {
	border:none;
	color:#333333;
}
ul#rss li .url a.rssvalidate {
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px 5px 3px 5px;
	border:none;
	margin-left:7px;
	white-space:nowrap;
	background:#dddddd;
	color:#999999;
}

ul#rss li .chapo {
	font-size:0.8em;
}
ul#rss li .cursus {}
ul#rss li .cursus a{}
ul#rss li .cursus a:hover {}

/********************************************************************************************/
/* Tabs
/********************************************************************************************/
.tabs {
	border-bottom:1px solid #dddddd;
	list-style-type:none;
	margin-bottom:20px;
	padding-bottom:5px;
}
.tabs li {
	display:inline;
	margin-right:3px;
	padding:5px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
	top:1px;
	font-size:0.9em;
}
.tabs li a {
	border:none;
	color:#cccccc;
}
.tabs li.on {
	background:#ffffff;
	border:1px solid #dddddd;
	border-bottom:none;
}
.tabs li.on a {
	color:#999999;
}

/* Dans le about */
#about .tabs {
	margin:0;
	border:none;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* The footer area (Quick map, copyright notice, system menu...)
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * footer
/********************************************************************************************/
footer {
	clear:both;
	padding:15px 0;
	margin:15px 0;
	font-size:0.9em;
	border-top:1px solid #cccccc;
	position:relative;
}
footer a {
	color:#999999;
}

/********************************************************************************************/
/* CC * Flags
/********************************************************************************************/
#flags {
	list-style-type: none;
	font-size:0.8em;
	float:right;
}
#flags li {
}
#flags li a {
	color:#999999;
}

/********************************************************************************************/
/* CC * System menu
/********************************************************************************************/
#mnsys {
	list-style-type: none;
	font-size:0.8em;
	margin-bottom:10px;
}
#mnsys li {
	margin:0 10px 0 0;
	display:inline;
}
#mnsys li a {
	border:none;
	color:#999999;
}
#mnsys li.on a {
	color:#333333;
}
#mnsys li.off a {}
#mnsys li.off a:hover {}
/* Spécificités */
#mnsys li.page12 {
	padding-right:14px;
	background-image:url('../image/common/icon_rss_10_defaut.png');
	background-position:top right;
	background-repeat:no-repeat;
}

/********************************************************************************************/
/* CC * Copyright notice
/********************************************************************************************/
#notice {
	font-size:0.8em;
	margin-bottom:5px;
	float:left;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Rating
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* Rating
/********************************************************************************************/
.rating {
	float:left;
	margin:2px 5px 0 0; /* Alignement optique */
}
.ratinghit {
	color:#cccccc;
	font-size:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .currentrating{
	display:block !important;
}

/* Bulle info */

ul.rating li .pop {
	background:#000000;
	padding:5px !important;
	float:none;
	line-height:12px !important;
	text-align:center;
	font-size:10px;
	color:#F2F2F2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:50px;
	bottom:15px !important;
	left:-5px;
}
ul.rating li:hover .pop {
	display:block;
}
ul.rating li .pop .ornement {
	width:7px;
	height:7px;
	background:#000000 url('../image/common/bulle_ornement_white_right.png') no-repeat;
	cursor:pointer;
	position:absolute;
	bottom:-7px;
	left:29px;
}

/* Sizes */
ul.rating{
	width:50px !important;
	height:10px !important;
}
ul.rating a:hover,
ul.rating a:active,
ul.rating a:focus,
ul.rating .currentrating{
	background-image: url('../image/common/rating_star.gif') !important;
	line-height: 10px !important;
	height: 10px !important;
}
ul.rating,
ul.rating a:hover,
ul.rating a:active,
ul.rating a:focus,
ul.rating .currentrating{
	background: url('../image/common/rating_star.gif') left -1000px repeat-x !important;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Form styling
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* Forms
/********************************************************************************************/
/* Fieldset */
form fieldset {
	border:0;
	border-top:1px solid #dddddd;
	padding:10px;
}
form fieldset.hidden {
	border:none;
	padding:0;
}

/* Legend */
form fieldset legend {
	padding:0 15px;
}

/* Texte */
form fieldset p,
form fieldset ul {
	margin:0 0 15px 0;
	font-size:0.8em;
}

/* Lignes */
form fieldset ol {
	padding:0;
	margin:0;
}
form fieldset ol li {
	padding:5px 0;
	list-style-type:none;
	clear:both;
	position:relative;
}
form fieldset ol li.divider {
	border-bottom:1px dotted #cccccc;
	margin-bottom:10px;
}

/* Labels & spécificités des labels */
form fieldset ol li label {
	width:120px;
	display:block;
	text-align:right;
	float:left;
	margin-right:10px;
	padding:5px;
	font-size:0.8em;
	color:#999999;
}
form fieldset ol li.important label {
	font-weight:bold;
}
form fieldset ol li.compulsory label,
form fieldset ol li.compulsory .checkboxes label .titre {
	background:url('../image/common/bg_compulsory.gif') right center no-repeat;
}
p.compulsory {
	font-size:0.7em;
	color:#aaaaaa;
	text-align:right;
	padding:10px 5px 0 0;
	clear:both;
	background:url('../image/common/bg_compulsory.gif') right center no-repeat;
}
.loglost {
	float:right;
	font-size:0.7em;
	color:#aaaaaa;
}

/* Alerte */
fieldset ol li .alerte {
	position:absolute;
	font-size:0.7em;
	padding:7px 15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#ff8c00;
	color:#ffffff;
	-moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
	top:-10px;
	right:0;
}
fieldset ol li .alerte .ornement {
	position:absolute;
	bottom:-8px;
	right:8px;
	background:#ff8c00 url('../image/common/bulle_ornement_white_right.png') no-repeat;
	width:8px;
	height:8px;
}

/* Mise en forme des champs dans le formulaire */
form fieldset input.text,
form fieldset input.email,
form fieldset input.url,
form fieldset input.button,
form fieldset input.submit,
form fieldset input.hidden,
form fieldset input.password,
form fieldset textarea.textarea,
form fieldset select.select,
form fieldset .radios,
form fieldset .checkboxes,
form fieldset .wysiwyg,
form fieldset .media,
form fieldset .onmouseout {
	width:360px;
	border:1px solid #dddddd;
	padding:5px !important;
	font-size:0.8em;
	font-family:"Lucida Grande", Geneva, Verdana, sans-serif;
	color:#999999;
}

/* Etats des champs */
fieldset ol li .onblur {
	border-color:#dddddd;
}
fieldset ol li .onmouseover {
	border-color:#999999 !important;
}
fieldset ol li .onfocus {
	border-color:#666666 !important;
}
fieldset ol li .ko {
	border-color:#FF0000 !important;
}
fieldset ol li .ok {
	border-color:#88CC00 !important;
}

/* Text */
form fieldset ol li input.text,
form fieldset ol li input.email,
form fieldset ol li input.url,
form fieldset ol li textarea.textarea {
	-moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1);
}

/* wysiwyg */
form fieldset ol li .wysiwyg {width:505px !important;}

/* Radio & Checkbox */
form fieldset ol .radios,
form fieldset ol .checkboxes {
	float:left;
	overflow:auto;
	border:none !important;
	background:transparent !important;
	padding:0 !important;
}
form fieldset ol .radios li,
form fieldset ol .checkboxes li {
	margin:0 !important;
	padding:5px !important;
	border:none !important;
	overflow:auto;
}
form fieldset ol .radios li .radio,
form fieldset ol .checkboxes li .checkbox {
	float:left !important;
	margin:0 5px 0 0;
	clear:left;
}
form fieldset ol .radios li label,
form fieldset ol .checkboxes li label {
	text-align:left !important;
	margin:0 !important;
	width:70% !important;
	padding:0 !important;
	clear:none !important;
}
form fieldset ol .radios li label .titre,
form fieldset ol .checkboxes li label .titre {
	text-transform:none !important;
	color:#999999;
	font-weight:normal !important;
}
form fieldset ol .radios li label .chapo,
form fieldset ol .checkboxes li label .chapo {
	margin-top:3px;
	font-size:0.8em;
	display:block;
	color:#666666 !important;
	font-size:1em;
}

/* Date & Datetime */
form fieldset ol li .year	{width:80px !important;}
form fieldset ol li .month	{width:100px !important;}
form fieldset ol li .day	{width:60px !important;}
form fieldset ol li .hour	{width:60px !important;}
form fieldset ol li .minute	{width:80px !important;}
form fieldset ol li .second	{width:80px !important;}

/* Button & Submit */
form fieldset ol li .button,
form fieldset ol li .submit {
	padding:5px 10px !important;
	width:auto !important;
	cursor:pointer;
	color:#ffffff !important;
	background:#88cc00 !important;
	border:none !important;
	float:right;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
form fieldset ol .button:hover,
form fieldset ol .submit:hover {
	-moz-box-shadow: 0 0px 10px 0px #FFFBCC;
}

/* Hauteurs */
.open	{height:400px;}
.close	{height:100px;}
.small	{height:75px;}

/* Largeurs */
.xs	{width:30px !important;}
.s	{width:25% !important;}
.m	{width:50% !important;}
.l	{width:80% !important;}
.xl	{width:100% !important;}

/********************************************************************************************/
/* Lexicon inline popups
/********************************************************************************************/
/* Words */
dfn {
	
}
dfn:hover {
	background:#F2F2F2;
}

/* definition popups */
#dfn {
	background:#333333;
	padding:10px;
	width:200px;
	position:absolute;
	color:#F2F2F2;
	-moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.2);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:11px;
}

/********************************************************************************************/
/* Rien ?
/********************************************************************************************/
.nodata {
	font-size:18px;
	line-height:24px;
	background:#F5F5F5;
	padding:20px;
	margin-bottom:10px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#cccccc;
}
.nodata a {
	color:#aaaaaa;
	border-bottom:1px solid;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Inline popups
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * Popups
/********************************************************************************************/
#popup {
	position:absolute;
	width:100%;
	top:0;
	z-index:1000000;
}
/* Box */
#popup #popupbox {
	position:relative;
	margin: 0 auto;
	z-index:1000000;
	overflow:hidden;
	-moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.5);
	width:640px;
}
/* Dark overlay */
#popup.site #popupoverlay {
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
	background:#000000;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000000;
}
* html #popup #popupoverlay {position:absolute;} /* ie6 */


#popup.site #popupbox #popupcontent {
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	line-height:1.2em;
	opacity:1 !important;
	background:#373737;
}
#popup.site #popupbox #popupcontent .about {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	padding:50px 30px;
}
#popup.site .about .titre {
	margin-bottom:5px;
	font-family:Helvetica, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:28px;
	line-height:30px;
	color:#F2F2F2;
}
#popup.site .about .chapo {
	color:#888888;
	font-size:12px;
	margin-bottom:5px;
	line-height:16px;
}

/* Actions */
#popup.site .action {
	padding:50px 30px;
	margin-left:240px;
	background:#ffffff;
	min-height:80px;
}
#popup.site .action .chapo {
	margin-bottom:15px;
	font-size:0.8em;
	color:#999999;
}
#popup.site .choose {
	margin:auto;
	border-top:1px solid #dddddd;
	padding-top:15px;
	margin-top:10px;
	text-align:right;
}
#popup.site .choose li {
	list-style-type:none;
	float:right;
	margin:0 0 0 10px;
}
#popup.site .choose.big {
	border:none;
	text-align:left;
	margin:0;
	padding:0;
}
#popup.site .choose.big li {
	margin:0 0 10px 0;
	float:none;
}
#popup.site .choose.big li.divider {
	border-top:1px solid #dddddd;
}

#popup.site .choose li a {
	color:#999999 !important;
	background:#F2F2F2 no-repeat;
	background-position:5px center;
	padding:7px 10px 7px 20px !important;
	font-size:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:12px;
	line-height:14px;
	border:none;
	-moz-box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.1);
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);
}
#popup.site .choose.big li a {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	padding:13px 20px 13px 30px !important;
	width:180px;
	display:block;
	margin:auto;
	background-position:10px center;
	font-weight:bold;
}
#popup.site .choose li a span {
	display:block;
	font-size:11px;
	font-weight:normal;
	color:#bbbbbb;
}
#popup.site .choose li.focus a span {
	color:#ffffff;
}
#popup.site .choose li a:hover {
	background-color:#dddddd;
}
#popup.site .choose li.focus {
}
#popup.site .choose li.focus a:hover {
	background-color:#d54e21;
}
#popup.site .choose li.focus a {
	border:none;
	color:#F2F2F2 !important;
	background-color:#88CC00;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}
#popup.site .choose li.cancel a 			{background-image:url('../image/ico_action_cancel_black.png')}
#popup.site .choose li.confirm.focus a	{background-image:url('../image/ico_action_confirm_white.png')}
#popup.site .choose li.import.focus a	{background-image:url('../image/ico_action_import_white.png')}
#popup.site .choose li.log a	{background-image:url('../image/ico_log_black.png')}
#popup.site .choose li.duplicate a	{background-image:url('../image/ico_action_duplicate_black.png')}

#popup.site #popupbox #popupclose:hover {opacity:1;}

#popup.site #popupbox #popupclose {
	position:absolute;
	top:15px;
	right:15px;
	width:11px;
	height:11px;
	opacity:0.8;
	display:block;
	background:url('../image/common/ctx_ms_deco.gif') center center no-repeat;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Additionnal styling (this is your dancing space)
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* New
/********************************************************************************************/
.new {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#ffffff;
	text-shadow:1px 1px 0px rgba(0, 0, 0, 0.4);
	font-size:8px;
	margin-right:5px;
	padding:2px 5px;
	text-transform:uppercase;
	background:#88CC00;
	font-weight:bold;
}

/********************************************************************************************/
/* Captures avec image maps
/********************************************************************************************/
.capture {
	position:relative;
}
.capture .media {
	position:absolute;
	top:0;
	left:0;
}
.capture embed {
	margin:40px 0 55px 0;
	-moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.4);
	border:1px solid #cccccc;
}

/* Caps */
.capture .nav {
	position:absolute;
	bottom:30px;
	left:0;
	list-style-type:none;
	height:60px;
	padding-left:80px;
}
.capture .nav li {
	margin-right:20px;
	width:200px;
	float:left;
	cursor:hand;
}
.capture .nav li .thumbnail {
	width:120px;
	float:left;
	cursor:pointer;
	opacity:0.5;
}
.capture .nav li.on .thumbnail {
	opacity:1;
}
.capture .nav li .titre {
	font-size:0.7em;
	color:#999999;
	margin-top:5px;
}
.capture .nav li:hover .titre {
	color:#666666;
}
.capture .nav li.on .titre {
	color:#333333;
}

/* Points */
.capture .point {
	position:absolute;
	font-size:0.7em;
	border-top:1px solid #999999;
	opacity:0.6;
	max-height:300px;
}
.capture .point:hover {
	opacity:1;
}
.capture .point.left {
	left:0;
	text-align:right;
}
.capture .point.right {
	right:0;
	text-align:left;
}
.capture .point .bullet {
	position:absolute;
	top:0;
	font-size:4em;
	color:#d54e21;
	line-height:0;
}
.capture .point.left .bullet {
	right:-5px;
}
.capture .point.right .bullet {
	left:-5px;
}
.capture .point .chapo {
	width:95px;
	position:absolute;
	top:-20px;
	background:#ffffff;
}
.capture .point.left .chapo {
	left:0;
	border-right:1px solid #666666;
	padding-right:10px;
}
.capture .point.right .chapo {
	right:0;
	border-left:1px solid #999999;
	padding-left:10px;
}
.capture .point .chapo strong {
	color:#555555;
}
.capture .point .chapo a {
	border:none;
	color:#999999;
}

/********************************************************************************************/
/* Home
/********************************************************************************************/
.section00 #about {
	margin-bottom:8px;
}
.section00 #about h1 {
}
.section00 #about h1 a {
	color:#888888;
}
.section00 #about h1 span {
	color:#444444;
}
#home {
}
#home a {
	border:none;
}

/********************************************************************************************/
/* Newspaper Rack
/********************************************************************************************/
#newspaperrack {
	
}
#newspaperrack li {
	float:left;
	border-right:1px solid #dddddd;
	width:218px;
	list-style-type:none;
	padding:0 15px 0 0;
	margin:0 15px 30px 0;
}
#newspaperrack li.number4,
#newspaperrack li.number8,
#newspaperrack li.number12 {
	margin-right:0;
	border:none;
}
#newspaperrack li .titre {
	font-family:"adelle-1","adelle-2", arial;
	margin:0 0 5px 0;
	line-height:1.4em;
}
#newspaperrack li .chapo {
	font-color:#999999;
	font-size:0.7em;
	line-height:1.4em;
}

/********************************************************************************************/
/*	Hopin
/********************************************************************************************/
#hopin>h2 {
	margin:0 0 10px 0;
}
#hopin>div>.chapo {
	margin-bottom:15px;
	color:#999999;
	font-size:0.8em;
}

/* Signin */
#hopin .signin {
	width:50%;
	float:left;
}
#hopin .signin ol li .text,
#hopin .signin ol li .email,
#hopin .signin ol li .url,
#hopin .signin ol li .checkboxes {
	width:300px;
}

/* Login */
#hopin .login {
	width:38%;
	float:right;
	background:#F2F2F2;
	padding:20px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}
#hopin .login ol li .text,
#hopin .login ol li .email,
#hopin .login ol li .url,
#hopin .login ol li .checkboxes {
	width:180px;
}
#hopin .login ol li .checkboxes,
#hopin .login ol li .checkboxes li {
	padding:0 !important;
	margin:0 !important;
}

/********************************************************************************************/
/*	TOC et forumcat
/********************************************************************************************/
.toc {
	border:1px solid #cccccc;
	padding:20px;
	font-size:0.85em;
	position:relative;
	top:-21px;
}
.toc h2 {
	font-family:"adelle-1","adelle-2", arial;
	position:absolute;
	top:-19px;
	font-weight:normal;
	font-size:0.9em;
	width:100%;
	text-align:center;
}
.toc h2 span {
	background:#ffffff;
	padding:0 10px;
}
.toc li {
	float:left;
	font-size:0.9em;
	width:25%;
	list-style-type:none;
	margin:0 0 3px 0;
}
.toc li a {
	color:#444444 !important;
}

/********************************************************************************************/
/* Home
/********************************************************************************************/
#quickgoodnews {
	list-style-type:none;
	overflow:auto;
}
#quickgoodnews li {
	width:203px;
	float:left;
	height:100px;
	background:#F2F2F2;
	padding:15px;
	margin:0 15px 15px 0;
}
#quickgoodnews li.number4 {
	margin-right:0;
}
#quickgoodnews li a{
	color:#bbbbbb;
	border:none;
}
#quickgoodnews li:hover {
	background:#5596C1;
}
#quickgoodnews li:hover a {
	color:#ffffff;
}
#quickgoodnews li .titre {
	font-family:'raleway-1', 'raleway-2', 'arial';
	font-size:1.5em;
	line-height:1.4em;
}
#quickgoodnews li .chapo {
	font-size:0.75em;
	line-height:1.4em;
	padding-right:50px;
}

/********************************************************************************************/
/* Intranet
/********************************************************************************************/
#homeintranet {
	margin-bottom:20px;
}
#homeintranetajx {
	overflow:auto;
}
#homeintranet>li {
	border-right:1px solid #eeeeee;
	width:299px;
	float:left;
	padding:20px;
	list-style-type:none;
}
#homeintranet>li.panel1 {
	padding-left:0;
}
#homeintranet>li.panel3 {
	padding-right:0;
	border:0;
}

#homeintranet>li h2 {
	margin:0 0 10px 0;
	font-size:1.3em;
}
#homeintranet>li h2 a {
	color:#333333;
	border:none;
}
#homeintranet>li h2 .number {
	color:#cccccc;
	font-weight:normal;
}
#homeintranet>li a.jumpto {
	float:right;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#ffffff;
	padding:4px 5px;
	font-size:0.7em;
	line-height:1em;
	border:none;
	z-index:10;
	position:relative;
	background:#bbbbbb;
	margin-top:3px;
}
#homeintranet>li a.jumpto:hover {
	background:#5596C1;
}
#homeintranet>li .smartsearch {
	background:#F2F2F2;
	padding:20px;
	margin-bottom:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#homeintranet>li .smartsearch .text {
	width:210px;
}
#homeintranet>li p.chapo {
	color:#999999;
	font-size:0.75em;
	line-height:1.2em;
	border-top:1px dotted #dddddd;
	padding:10px 0;
}
#homeintranet>li ul {
	list-style-type:none;
	padding:0;
}
#homeintranet>li ul li {
	margin-bottom:10px;
	font-size:0.9em;
	line-height:1.4em;
}
#homeintranet>li ul li .canupdate {
	display:none;
}
#homeintranet>li ul li .titre {
	font-weight:bold;
	display:inline;
	font-size:0.9em;
}
#homeintranet>li ul li .article_200 {
	color:#999999;
	display:inline;
}
#homeintranet>li ul li .article_200 a {
	color:#777777;
}
#homeintranet>li ul li .chapo {
	font-size:0.8em;
	line-height:1.2em;
	margin-top:3px;
}

/* Wiki */
#homeintranet #wiki ul {}

/* Agenda */
#homeintranet #agenda ul {
	list-style-type:none;
	padding-left:0;
}
#homeintranet #agenda ul li .datetimestart {
	float:left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#F5F5F5;
	padding:1px 5px;
	margin-right:10px;
	font-size:0.8em;
}

/* Todo */
#homeintranet #todo {
	border:none;
}
#homeintranet #todo ul{}
#homeintranet #todo ul li .check {
	float:left;
	margin-right:3px;
}