/********************************************************************************************/
/********************************************************************************************/
/*	Les Cahiers européens de l'imaginaire - lescahiers.eu

/*	COPYRIGHT		Les Cahiers européens de l'imaginaire
/*	DISTRIBUTION	Sous licence, tel que decrit dans le fichier licence.txt

/*	FICHIER			/media/css/all.css
/*	AUTEUR			mvd (mvd@cafecentral.fr)
/*	TYPE			Feuille de style ALL MEDIA
/*	DESCRIPTION		Met en forme le systeme general
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/*	Generalites
/********************************************************************************************/
body {
	font-family:arial, "Lucida Grande", Geneva, Verdana, sans-serif;
	font-size:1em;
	color:#333333;
	background:#333333;
}
/*	Annulations generales */
body, p, ul, form {
	padding:0;
	margin:0;
}
table	{border-collapse:collapse;}
img		{border:0;}
/*	Clear floats */
.clear {
	clear:both;
	height:0;
	line-height:0;
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
/*	Positionnement */
.positionnement {
	position:relative;
}

/********************************************************************************************/
/*	hypertexte
/********************************************************************************************/
a {
	text-decoration:none;
	border-bottom:1px solid;
	color:#B9121B;
}
a:hover {
}
a:active {}
a:visited {}

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

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
#page{
}
#cnt {
	width:55%;
	float:left;
	min-height:1000px;
	background:#ffffff;
}
#nav{
	width:45%;
	float:right;
	min-height:1000px;
}
#ctx {
}
#cnt .padding {
	width:450px;
	float:right;
}
#cnt .padding,
#nav .padding {
	padding:60px 80px;
}
.fullpage #cnt .padding {
	padding:30px 40px;
	float:none;
	width:auto;
}


#nav .divider {
	border-bottom:1px solid #777777;
	padding-bottom:15px;
	margin-bottom:15px;
	width:20px;
}

/********************************************************************************************/
/*	Menus
/********************************************************************************************/
/* Menu de niveau 1 ! */
#mn1 {
	font-size:0.9em;
}
#mn1 li {
	display:inline;
}
#mn1 li a {
	color:#cccccc !important;
	padding:0px 4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none !important;
}
#mn1 li.on a {
	color:#333333 !important;
	background:#F2F2F2;
}
#mn1 li.divider {
	color:#666666;
	margin:0 3px;
	border:none;
}
/* Menu de niveau 2 ! */
#mn2 {
	font-size:0.7em;
	padding:5px 0;
	margin-bottom:10px;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
#mn2 li {
	display:inline;
}
#mn2 li a {
	color:#777777 !important;
	padding:0px 4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none !important;
}
#mn2 li.on a {
	color:#ffffff !important;
	background:#888888;
}
#mn2 li.divider {
	color:#aaaaaa;
	margin:0 3px;
}

/********************************************************************************************/
/*	Vous êtes ici */
/********************************************************************************************/
#youarehere {
	display:inline;
	margin-right:5px;
	font-weight:bold;
	color:#ffffff;
}
#youarehere a {
	border:none;
	color:#ffffff;
}
#youarehere span {}
#youarehere a:hover {}

/********************************************************************************************/
/*	naturalsearch
/********************************************************************************************/
#naturalsearch {
	position:absolute;
	left:823px;
	top:0;
}
#naturalsearch label {display:none;}

#naturalsearch .input {
	padding:5px 5px 5px 20px !important;
	width:130px;
	margin-right:10px;
	border:1px solid #999999;
	color:#666666;
	font-size:0.6em !important;
	background:#ffffff url('../image/icon_search.png') 5px 5px no-repeat;
	float:left;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
#naturalsearch .submit {
	display:none;
}

/********************************************************************************************/
/* Alerte
/********************************************************************************************/
#alerte,
#sorry,
#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,
#sorry	.titre,
#resume	.titre {
	font-size:1em;
	margin:5px 0;
	font-weight:bold;
}
#alerte	.chapo,
#sorry	.chapo,
#resume	.chapo {
	font-size:1em;
	margin:5px 0;
}

/********************************************************************************************/
/*	oref
/********************************************************************************************/
#oref {
	font-size:0.8em;
}
#oref ul {
	list-style-type:none;
}
#oref ul li {
	padding:10px 0;
	border-bottom:1px solid #eeeeee;
}
#oref ul li .titre {
	font-weight:bold;
}
#oref ul li .id {
	color:#666666;
}

/********************************************************************************************/
/*	Home
/********************************************************************************************/
#home {
	margin-bottom:20px;
}
#home img {width:100%;}

/********************************************************************************************/
/*	contenu
/********************************************************************************************/
#cnt {
}
#pagechapo,
#articledetail .chapo {
	font-family:'georgia';
	color:#F2F2F2;
	font-size:1.2em;
	line-height:1.3em;
}
#pagechapo p,
#articledetail .chapo p{
	margin-bottom:10px;
}
#pagechapo a {
	color:#F2F2F2 !important;
	border-bottom:1px solid #888888;
}
#pagetxt,
#slave,
#articlelist .txt,
#articledetail .txt {
	font-size:0.8em;
	margin-bottom:30px;
	line-height:1.6em;
}
#pagetxt p,
#pagetxt ul,
#pagetxt ol,
#slave p,
#slave ul,
#slave 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;
}

/*	Titre de la section	*/
h1 {
	margin:0 0 10px 0;
}
h1 a {
	border:none;
}
h2 {
	/*position:relative;*/
	margin:20px 0 5px 0;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
}

/* Blockquote */
#pagetxt blockquote,
#articlelist blockquote,
#articledetail blockquote {
	margin:0 0 10px 50px;
	padding:10px 0;
	width:40%;
	float:right;
	font-size:1.3em;
	line-height:1.2em;
	font-family:georgia;
	font-style:italic;
	color:#666666;
	border-top:4px double #CCCCCC;
	border-bottom:4px double #CCCCCC;
}
.in3col #pagetxt blockquote,
.in3col #articlelist blockquote,
.in3col #articledetail blockquote {
	width:auto;
	float:none;
}
#pagetxt blockquote p,
#articlelist blockquote p,
#articledetail blockquote p {
	line-height:1.2em !important;
	margin:0 !important;
}
#pagetxt blockquote.block,
#articlelist blockquote.block,
#articledetail blockquote.block,
.in3col #pagetxt blockquote,
.in3col #articledetail blockquote {
	float:none;
	width:auto;
	margin-left:0px;
}
#pagetxt blockquote:before,
#articlelist blockquote:before,
#articledetail blockquote:before {
	content:'“';
	line-height:0.6em;
	height:0;
	margin-left:-40px;
	color:#c3f991;
	display:block;
	font-size:10em;
	font-style:normal;
}
#pagetxt blockquote .by,
#articlelist blockquote .by,
#articledetail blockquote .by {
	font-size:0.6em;
	color:#999999;
	font-family:"lucida grande";
	margin:5px 0 0 0;
	line-height:1.2em;
	font-style:normal;
}

/* Tableaux */
#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 */
#pagetxt pre,
#articledetail pre {
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:10px;
	margin-bottom:10px;
	background:#F2F2F2;
	color:#777777;
}

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

/* Images */
#cnt img {
	max-width:100%;
}
#articlelist .txt img,
#articledetail .txt img {
	display:block;
}
#articlelist .txt a img,
#articledetail .txt a img {
	border:3px dashed #eeeeee;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/********************************************************************************************/
/*	A propos de l'utilisateur
/********************************************************************************************/
#aboutuser {
	margin-top:25px;
	font-size:0.8em;
	position:relative;
}
#aboutuser h2 {
	position:absolute;
	top:-30px;
	background:#FFFFFF;
	padding-right:10px;
}
#aboutuser ul {
	list-style-type:none;
}
#aboutuser ul li {
	border-top:1px solid #dddddd;
	padding:20px 0;
}
#aboutuser ul li .media {
	width:200px;
	float:left;
	margin:0 15px 5px 0;
}
#aboutuser ul li .media img {
	display:block;
	width:100%;
}
#aboutuser ul li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#aboutuser ul li .chapo {
	color:#666666;
	line-height:1.4em;
	font-size:0.9em;
}

/********************************************************************************************/
/*	Articles list
/********************************************************************************************/
#articlelist {
}
#articlelist .article {
	font-size:1em;
	/*position:relative;*/
	overflow:auto;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #eeeeee;

}


/* champs */
#articlelist .article .titre {
	font-size:1em;
	line-height:1.2em;
	margin:0 0 5px 0;
	font-weight:bold;
}
#articlelist .article .titre a {
	color:#333333 !important;
	border:none;
}
#articlelist .article .datetimeinsert {
	padding:2px 5px;
	text-align:center;
	color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-right:5px;
	font-size:0.7em;
	float:left;
	position:relative;
	top:1px;
	line-height:1.3em;
}
#articlelist .article .edition,
#articlelist .article .url,
#articlelist .article .typetexte {
	font-size:0.8em;
	line-height:1.4em;
	color:#666666;
	margin:0 0 5px 0;
}
#articlelist .article .typetexte {display:none;/*en attendant que CC traduise tout seul les objets*/}
#articlelist .article .chapo {
	font-size:0.9em;
	line-height:1.4em;
	color:#666666;
	margin-bottom:10px;
	font-family:georgia;
}
#articlelist .article .media1 {
	position:relative;
	margin:0 10px 0 0;
	width:200px;
	float:left;
}
#articlelist .article img {
	width:100%;
	display:block;
}
#articlelist .media1 a {
	border:none !important;
}
#articlelist .article .txt {
	margin:0;
}
#articlelist .article .txt h2 {
}

/********************************************************************************************/
/*	Articles Détail
/********************************************************************************************/
#articledetail {
	margin:0 0 20px 0;
}
#articledetail .titre {
	font-family:georgia;
	font-size:2.8em;
	line-height:1.1em;
	margin:0 0 15px 0;
}
#articledetail .edition {
	font-size:1em;
	font-family:georgia;
	color:#666666;
	line-height:1.4em;
}
#articledetail .url {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#333333;
	font-size:0.8em;
	padding:10px 15px;
	color:#dddddd;
	text-align:center;
}
#articledetail .url a {
	color:#ffffff;
}
#articledetail .datetimeinsert {
	color:#888888;
	font-size:10px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#articledetail .media1 {
	text-align:center;
}
#articledetail .media1 a {
	border:none;
}
#articledetail .media1 .pdf {
	border:3px dashed #F2F2F2 !important;
	padding:30px 10px 30px 70px;
	font-size:0.8em;
	color:#666666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:block;
	margin:25px 40px 0 40px;
	background:url('../image/common/icon_media_document_pdf') no-repeat 15px center;
	text-align:left;
}
#articledetail .media1 .pdf:hover {
	border-color:#B9121B !important;
}
#articledetail .txt {
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid #cccccc;
}
.in3col #articledetail .txt {
 	/* FF */
	-moz-column-count:3;
    -moz-column-gap:2em;
 	/* Safari */
	-webkit-column-count:3;
	-webkit-column-gap:2em;
}
#articledetail .ref {
	padding-bottom:45px;
	padding-top:25px;
	border-top:1px solid #cccccc;
	color: #888888;
	font-size: 0.7em;
	line-height: 12px;
}

#articledetail .txt > p:first-child:first-letter {
	color:#333333;
	display:inline;
	float:left;
	font-size:5.3em;
	padding:6px 10px 0 0;
	font-family:georgia;
}

/********************************************************************************************/
/*	Invite
/********************************************************************************************/
a.after {
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#ffffff !important;
	padding:0 3px 0 3px;
	font-family:georgia;
	font-style:italic;
	border:none;
	margin-left:7px;
	white-space:nowrap;
}
a.after:hover {
	color:#ffffff !important;
	background:#D54E21;
	
}

/********************************************************************************************/
/*	Next Previous
/********************************************************************************************/
#nextprevious {
	margin:0 0 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 {
}

/********************************************************************************************/
/*	TOC
/********************************************************************************************/
#toc {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #cccccc;
}
#toc li {
	display:inline;
	margin-right:5px;
	list-style-type:square;
}

/********************************************************************************************/
/*	Petites listes
/********************************************************************************************/
.smalllist {
	clear:both;
	margin-bottom:30px;
	color:#666666;
	border-top:3px solid #999999;
}
.smalllist h2 {
	font-size:0.8em;
	margin:0;
	position:relative;
	background:#ffffff;
	top:-13px;
	padding:0 10px 0 0;
	z-index:100;
	display:inline;
	font-weight:normal;
}
.smalllist ul {
	overflow:auto;
}
.smalllist li {
	list-style-type:none;
	padding:10px 0;
	clear:both;
}
.smalllist li .media1 {
	width:200px;
	margin-right:10px;
	float:left;
}
.smalllist li .media1 img {
	border:none;
	width:100%;
}
.smalllist li .titre,
.smalllist li .grandnom {
	font-weight:bold;
	margin-bottom:5px;
}
.smalllist li .titre a,
.smalllist li .grandnom a {
	border:none;
}
.smalllist li .nom {
	padding-left:4px;
}
.smalllist li .page_feed {
	font-size:0.8em;
	margin-top:5px;
	line-height:1.2em;
}
.smalllist li .chapo {
	font-size:0.8em;
	line-height:1.2em;
}

/* in 2 col */
.in2col {
	list-style-type:none;
	padding:0 !important;
	margin:0 !important;
}
.in2col li {
	float:left;
	width:49%;
}

/********************************************************************************************/
/*	Commentaires
/********************************************************************************************/
#comment {
}



/********************************************************************************************/
/* Formulaires pour publier un commentaire ou un post
/********************************************************************************************/
form#formcommentonuser fieldset,
form#formcommentonarticle fieldset,
form#formpostonpage fieldset,
form#formpostonpost fieldset {
	background:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
}
form#formcommentonuser fieldset ol li,
form#formcommentonarticle fieldset ol li,
form#formpostonpage fieldset ol li,
form#formpostonpost fieldset ol li {
	float:left;
	clear:none !important;
}
form#formcommentonuser fieldset ol li textarea,
form#formcommentonarticle fieldset ol li textarea,
form#formpostonpage fieldset ol li textarea,
form#formpostonpost fieldset ol li textarea {
	width:300px;
	height:50px;
	margin-right:10px;
}

/********************************************************************************************/
/* Liste des commentaires, des posts (formulaires et walls)
/********************************************************************************************/
#listofcommentonuser ul,
#listofpostonpost ul,
#listofcommentonarticle ul {
	list-style-type:none;
	clear:both;
}
#listofcommentonuser ul li,
#listofpostonpost ul li,
#listofcommentonarticle ul li {
	padding:10px 0;
	border-bottom:1px solid #dddddd;
	position:relative;
}
#listofcommentonuser ul li .userinsert,
#listofpostonpost ul li .userinsert,
#listofcommentonarticle ul li .userinsert {
	font-size:0.8em;
	text-align:right;
	margin-bottom:3px;
}
#listofcommentonuser ul li .datetimeinsert,
#listofpostonpost ul li .datetimeinsert,
#listofcommentonarticle ul li .datetimeinsert {
	font-size:0.6em;
	color:#999999;
	text-align:right;
}
#listofcommentonuser ul li .chapo,
#listofpostonpost ul li .chapo,
#listofcommentonarticle ul li .chapo {
	font-size:0.7em;
	line-height:1.4em;
	width:300px;
	margin-left:15px;
	float:right;
	background-color:#F5F5F5;
	position:relative;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#666666;
}
#listofcommentonuser ul li .chapo .ornement,
#listofpostonpost ul li .chapo .ornement,
#listofcommentonarticle ul li .ornement {
	left:-7px;
	top:5px;
	background:url('../image/common/dropped_right_bg_lightgrey.png') center center no-repeat;
}

/********************************************************************************************/
/*	Edition des contenus
/********************************************************************************************/
li .option {
	text-align:right;
}
li .option li {
	display:inline !important;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	border:none !important;
	font-size:10px !important;
}
li .option li a {
	color:#cccccc !important;
}

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


/********************************************************************************************/
/* recherche
/********************************************************************************************/
#search {}
/*	Titres des resultats */
#search #resume {
	/* Comme #alerte */
} 
#search #resume .info {
	font-style:italic;
}

/*	Resultats */
#search #results {}
#search #results li {
	padding:20px 0;
	border-bottom:1px solid #dddddd;
	list-style-type:none;
	overflow:auto;
	line-height:1.1em;
}
/*	Image des resultats */
#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-weight:bold;
	margin-bottom:5px;
}
#search #results .titre a{}
#search #results .titre a:hover{}
#search #results .titre .langue {}
#search #results .titre .type {}
/*	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;
}

/********************************************************************************************/
/* Carte du site
/********************************************************************************************/
#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	{}

/********************************************************************************************/
/*	Tags
/********************************************************************************************/
#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;
}

/********************************************************************************************/
/* Liste des mises a jour (page 'update')
/********************************************************************************************/
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;
}

/********************************************************************************************/
/* Calque de rss
/********************************************************************************************/
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/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 {}

/********************************************************************************************/
/*	Contexte
/********************************************************************************************/
#ctx {
	font-size:0.7em;
	line-height:1.2em;
	color:#666666;
	border-top:3px solid #333333;
	padding-top:20px;
}
#ctx #ctxbox {
	list-style-type:none;
}
#ctx #ctxbox li {
	float:left;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
	border-right:1px solid #dddddd;
	width:27%;
}
#ctx #ctxbox li img {
	display:block;
}
.fullpage #ctx #ctxbox li {
	width:28%;
}
#ctx #ctxbox li.number1 {
	margin-left:0;
	padding-left:0;
}
#ctx #ctxbox li.number3 {
	margin-right:0;
	padding-right:0;
	border:none;
}
#ctx #ctxbox li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#ctx #ctxbox li .input {
	width:100%;
	margin-bottom:5px;
}
#ctx #ctxbox li .chapo a {
	border:none;
}

/********************************************************************************************/
/*	Quick Map
/********************************************************************************************/
#quickmap {
	border:none;
	border-top:1px solid #cccccc;
	margin:20px 20px 0 20px;
	padding:20px;
	clear:both;
	color:#666666;
	font-size:0.9em;
}
#quickmap ul {
	display:block !important; /* bypass the display="none" in mnxdrop */
}
#quickmap ul li {
	list-style-type:none;
	float:left;
	margin:0 15px 15px 0;
	font-size:0.85em;
	width:18%;
}
#quickmap ul li a {
	border:none;
	font-weight:bold;
	color:#666666;
}
#quickmap ul li ul {
	margin-top:5px;
}
#quickmap ul li ul li {
	float:none;
	padding:0;
	margin:3px 0;
	border:0;
	width:auto;
}
#quickmap ul li ul li a {
	display:block;
	font-weight:normal;
	color:#aaaaaa;
}

/********************************************************************************************/
/*	footer
/********************************************************************************************/
#footer {
	clear:both;
	padding:10px 0;
	margin:20px 0;
	font-size:0.9em;
	border-top:1px double #cccccc;
	overflow:auto;
	color:#777777;
	position:relative;
}
#footer a {
	color:#999999;
}

/********************************************************************************************/
/*	mnsys
/********************************************************************************************/
#footer #mnsys {
	list-style-type: none;
	font-size:0.8em;
	float:left;
}
#footer #mnsys li {
	float: left;
	margin:0 10px 0 0;
}
#footer #mnsys li a {
	border:none;
	color:#777777;
}
#footer #mnsys li.on a {
	color:#999999;
}
#footer #mnsys li.off a {}
#footer #mnsys li.off a:hover {}
/* Spécificités */
#footer #mnsys li.page12 {
	padding-right:13px;
	background-image:url('../image/common/icon_rss_10_defaut.png');
	background-position:right 2px;
	background-repeat:no-repeat;
}

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

/********************************************************************************************/
/*	Pied de page
/********************************************************************************************/
#notice {
	font-size:0.8em;
	margin-top:10px;
	float:left;
}

/********************************************************************************************/
/* Forms
/********************************************************************************************/
/* Fieldset */
form fieldset {
	margin-bottom:20px;
	border:1px solid #cccccc;
	border-left-color:#dddddd;
	border-right-color:#dddddd;
	border-bottom-color:#dedede;
	padding:10px;
}
form fieldset.hidden {
	border:1px solid #ffffff;
}

/* Legend */
form fieldset ol legend {
	font-size:1.2em;
	font-weight:bold;
}

/* 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;
	list-style-type:none;
	clear:both;
}
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:150px;
	display:block;
	text-align:right;
	float:left;
	margin-right:10px;
	padding:5px 0 5px 0;
	font-size:0.8em;
}
form fieldset ol li.important label {
	font-weight:bold;
}
form fieldset ol li.compulsory label {
	font-weight:bold;
}
form fieldset ol li.compulsory label:after {
	color:#ff0000;
	content:'*';
}

/* Mise en forme des champs dans le formulaire */
form fieldset ol li .input,
form fieldset ol li .textarea,
form fieldset ol li .radios,
form fieldset ol li .checkboxes,
form fieldset ol li .wysiwyg,
form fieldset ol li .select,
form fieldset ol li .button,
form fieldset ol li .submit,
form fieldset ol li .hidden,
form fieldset ol li .password,
form fieldset ol li .media,
form fieldset ol li .onmouseout {
	width:295px;
	border:1px solid #cccccc;
	border-left-color:#dddddd;
	border-right-color:#dddddd;
	border-bottom-color:#eeeeee;
	padding:5px !important;
	font-size:0.8em;
	font-family:"Lucida Grande", Geneva, Verdana, sans-serif;
	color:#666666;
	background:#ffffff url('../image/input_bg.gif') top left repeat-x;
}

/* Etats des champs */
form fieldset ol li:hover .input,
form fieldset ol li:hover .textarea,
form fieldset ol li:hover .select,
form fieldset ol li .onfocus,
form fieldset ol li .articlechamps ul li:hover	{
	border-color:#cecece !important;
	border-top-color:#8f8f8f !important;
	border-bottom-color:#e3e3e3 !important;
	color:#000000;
}
form fieldset ol li .onblur,
form fieldset ol li .onmouseover	{
	border-color:#f2f2f2 !important;
}
form fieldset ol li .ko	{
	border-color:#FF0000 !important;
}

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

/* Password */
form fieldset ol .password {
	border:none !important;
	background:none !important;
	border:0 !important;
	padding:0 !important;
	float:left;
}
form fieldset ol .password .change {
	padding:0;
	border:none;
	margin-top:10px;
}
form fieldset ol .password label {
	width:auto !important;
	text-align:left;
	margin:0;
}
form fieldset ol .password input {
	width:95% !important;
}

/* Radio & Checkbox */
form fieldset ol .radios,
form fieldset ol .checkboxes {
	float:left;
	height:300px;
	overflow:auto;
	border:none;
	background:none;
	padding:0;
}
form fieldset ol .radios li,
form fieldset ol .checkboxes li {
	margin:0 !important;
	padding:5px !important;
	border:none !important;
}
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;
	font-size:1em;
}
form fieldset ol .radios li label .titre,
form fieldset ol .checkboxes li label .titre {
	text-transform:none !important;
	color:#000000 !important;
	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 .button,
form fieldset ol .submit {
	padding:0 !important;
	width:auto !important;
	cursor:pointer;
	color:#ffffff !important;
	background:#88cc00 !important;
	border:none !important;
}

/* Controles */
.controles	{
	text-align:right;
	padding:3px;
}
.controles input	{
	margin-left:1px;
}

/* 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;}

/* Bulles d'aide */
form fieldset ol li .help {
	font-size:0.8em;
	margin-top:5px;
	float:right;
	border:none !important;
	color:#666666;
}

/********************************************************************************************/
/* Popup site
/********************************************************************************************/
#popup.site {

}
/* Dar overlay */
#popup.site #popupoverlay {
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
}
/* Box */
#popup.site #popupbox {
	width:480px;
}
#popup.site #popupbox #popupcontent {
	padding:15px;
	background:#333333;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	color:#F2F2F2;
	line-height:1.2em;
}
#popup.site #popupbox #popupclose {
	position:absolute;
	top:15px;
	right:15px;
	width:15px;
	height:15px;
	opacity:0.8;
	display:block;
	background:#D54E21 url('../image/ico_action_close_white.png') center center no-repeat;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}
/* Actions */
#popup.site .action {
	margin-top:20px;
	list-style-type:none;
}
#popup.site .action li {
	margin-left:10px;
	padding:2px 5px;
	float:right;
	font-size:0.8em;
}
#popup.site .action li.focus {
	border:1px solid #555555;
}
#popup.site .action li a {
	color:#cccccc;
}