/********************************************************************************************/
/********************************************************************************************/
/*	Eranos - Eranos.fr

/*	COPYRIGHT		Eranos
/*	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:#555555;
}
/*	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;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Import des typos
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
/* Museo */
@font-face {
	font-family: 'MuseoSlab500';
	src:	url('../fonte/museo/Museo_Slab_500.eot');
	src:	local('Museo Slab'),
			local('MuseoSlab-500'),
			url('../fonte/museo/Museo_Slab_500.woff') format('woff'),
			url('../fonte/museo/Museo_Slab_500.ttf') format('truetype');
}
@font-face {
	font-family: 'MuseoRegular300';
	src:	url('../fonte/museo/Museo300-Regular.eot');
	src:	local('Museo Slab'),
			local('Museo300-Regular'),
			url('../fonte/museo/Museo300-Regular.woff') format('woff'),
			url('../fonte/museo/Museo300-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'MuseoRegular700';
	src:	url('../fonte/museo/Museo700-Regular.eot');
	src:	local('Museo Slab'),
			local('Museo700-Regular'),
			url('../fonte/museo/Museo700-Regular.woff') format('woff'),
			url('../fonte/museo/Museo700-Regular.ttf') format('truetype');
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
/*	Positionnement */
#positionnement,
.positionnement {
	width:880px;
	margin:auto;
	position:relative;
}
#positionnement.absolute {
	min-height:400px;
}

/********************************************************************************************/
/*	hypertexte
/********************************************************************************************/
a {
	text-decoration:none;
	border-bottom:1px solid;
}
a:hover {}
a:active {
	position:relative;
    top:1px;
}
a:visited {}

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

/********************************************************************************************/
/* Draggables & Droppables
/********************************************************************************************/
/*	Tous les Draggables */
.draggable {
	cursor:move;
}
.draggable:hover {
	border-style:dashed !important;
	border-color:#88CC00 !important;
}

/*	Tous les Droppables */
.droppable {
}
/* Droppable prêts à recevoir */
.droppable.ready {
	background-image:url('../image/ready_bg.png') !important;
	background-repeat:repeat !important;
	border-style:dashed !important;
	border-color:#88CC00 !important;
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
#page {
}
#cnt {
	width:550px;
	float:left;
	padding-top:20px;
}
#ctx {
	float:right;
	width:280px;
	border-left:1px solid #dddddd;
}

/* en 3 colonnes */
.fullpage #cnt {
	margin:0;
	width:auto;
	float:none;
}
.fullpage #cnt #aboutuser,
.fullpage #cnt #comment {
	margin-bottom:40px;
}
.fullpage #cnt #comment #formcommentonarticle {
	width:280px;
	float:left;
}
.fullpage #cnt #comment #formcommentonarticle .textarea {
	width:280px;
} 
.fullpage #cnt #comment #listofcommentonarticle {
	float:right;
	width:500px;
}
.fullpage #ctx {
}

/********************************************************************************************/
/* 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;
	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;
	-moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}

/********************************************************************************************/
/* Carousel
/********************************************************************************************/
.carousel {
	position: relative;
}	
.carousel .container {
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	overflow:hidden;
}	
.carousel .previous_button,
.carousel .next_button {
	z-index: 100;		
	cursor:pointer;
	position: absolute;
	background:no-repeat 50% 50%;
}
.carousel .previous_button_disabled,
.carousel .next_button_disabled {
	display: none;
}
.carousel ul {
	margin: 0;
	padding:0;
	width: 200000px;
	position: relative;
	top: 0;
	left: 0;
}
.carousel ul li {
	float:left;
	list-style-type:none;
}
.carouselnav {
	margin:auto;
	text-align:center;
}
.carouselnav li {
	display:inline;
	margin:0 20px;
}

/********************************************************************************************/
/*	En-tete
/********************************************************************************************/
#header {
	background:#333333;
	color:#999999;
	margin-bottom:25px;
}
#header a {
	color:#F2F2F2;
	border:none;
}
.section00 #header {
	padding:0;
}

/* couv */
#couv {
	position:relative;
}
#carousel_couvs {
	height:550px;
	width:880px;
	margin:auto;
}
#carousel_couvs ul {
	list-style: none;
}
#carousel_couvs ul li {
	width:880px;
	position:relative;
	height:690px;
}
#carousel_couvs ul li .versionpapier {
	float:right;
}
#carousel_couvs ul li .versionpapier img {
	width:450px;
}
#carousel_couvs ul li .titre {
	font-family:"MuseoSlab500", georgia;
	margin:90px 0 10px 0;
	text-align:right;
	font-size:3em;
	color:#cccccc;
}
#carousel_couvs ul li .chapo {
	font-family:"MuseoRegular300", georgia;
	text-align:right;
	color:#666666;
	font-size:0.95em;
	margin:0 0 10px 0;
}
#carousel_couvs ul li .buy {
	font-family:"MuseoSlab500", georgia;
	text-align:right;
	color:#cccccc;
}
#couv .previous_button,
#couv .next_button {
	top:260px;
	width:50px;
	height:50px;
	background:#3F3F3F no-repeat 50% 50%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#couv .previous_button {
	left:-100px;
	background-image:url('../image/common/carousel_previous.png');
}
#couv .next_button {
	right:-100px;
	background-image:url('../image/common/carousel_next.png');
}
#couv .carouselnav {
	position:relative;
	top:-10px;
}
#couv .carouselnav li a {
	color:#999999 !important;
}
#couv .carouselnav li.on a {
	opacity:0.9;
}
#couv .carouselnav li.off a {
	opacity:0.3;
}

/* Ce numéro */
#numero {
	font-size:0.8em;
	margin:0 0 15px 0;
	color:#666666;
	line-height:20px;
	overflow:auto;
}
#numero .numero {
	font-size:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#ffffff !important;
	padding:0 17px 0px 7px;
	line-height:20px;
	border:none;
	text-transform:uppercase;
	font-family:"MuseoSlab500", georgia;
	text-shadow:0px 1px 0px rgba(0, 0, 0, 0.3);
	position:relative;
	display:block;
	float:left;
}
#numero .numero:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
   	border-right: 10px solid #333333;
}
#numero .numerotitre {
	font-family:"MuseoRegular300", georgia;
}
#numero .numerotitre:before {
	content:"•";
	margin-right:5px;
	color:#666666;
}

/********************************************************************************************/
/*	Logo
/********************************************************************************************/
#logo {
	position:absolute;
	left:380px;
	bottom:10px;
	z-index:3;
}
#logo a {
}
#logo a:hover img {
	opacity:1;
}
#logo img {
	display:block;
	opacity:0.9;
}

/********************************************************************************************/
/*	Menus
/********************************************************************************************/
/* Menu de niveau  ! */
#mn1 {
	list-style-type:none;
	font-size:0.7em;
	position:relative;
	height:100px;
}
#mn1 li {
	width:150px;
	padding:0 20px;
	position:absolute;
	bottom:15px;
	line-height:1.2em;
}
#mn1 li a {
	border:none;
	color:#888888;
	position:relative;
	line-height:1em;
}
#mn1 li.on .titre a {
	background:url('../image/common/mn1_on.png') bottom center no-repeat;
	padding-bottom:17px;
}
#mn1 li.number1 {
	text-align:right;
	border-right:1px solid #555555;
}
#mn1 li.number2 {
	left:170px;
	text-align:right;
	border-right:1px solid #555555;
}
#mn1 li.number3 {
	right:170px;
	border-left:1px solid #555555;
}
#mn1 li.number4 {
	padding-right:0;
	right:0px;
	border-left:1px solid #555555;
}
#mn1 li .titre {
	margin:10px 0 0 0;
	border:none;
	font-size:1.8em;
	line-height:0.7em;
	clear:both;
	font-family:"MuseoSlab500", georgia;
}
#mn1 li .titre a {
	color:#dddddd;
}

/* Spécificités */
#mn1 li #tweeticon {
	margin-right:3px;
	opacity:0.6;
}
#mn1 li #tweeticon:hover {
	opacity:1;
}
#mn1 li #tweets {
	color:#888888;
}
#mn1 li.page02 .focus {
	padding:0 7px 0 15px;
	top:12px;
	left:121px;
	position:absolute;
	line-height:20px;
	text-align:center;
	color:#ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-family:"MuseoSlab500", georgia;
	background:#444444;
}
#mn1 li.page02 .focus:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
   	border-left: 10px solid #333333;
}
#mn1 li.page02 .focus span {
	font-size:0.5em;
	opacity:0.3;
}
#mn1 li.page03 .focus {
	font-family:georgia;
	font-style:italic;
	position:relative;
}
#mn1 li.page03 .focus:after {
	content:'”';
	position:absolute;
	top:15px;
	right:-10px;
	font-size:8em;
	color:#666666;
	opacity:0.3;
}

#mn1 li.page04 .focus {
	display:block;
	color:#333333;
	background:#aaaaaa;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
}
#mn1 li.page04 a.focus:hover {
	color:#ffffff !important;
}
#mn1 li.page04 a.focus .ornement {
	background:#aaaaaa;
	position:absolute;
	bottom:-10px;
	left:50px;
	width:10px;
	height:10px;
	background-image:url('../image/common/mn1_blog_bg_onblack.png');
}
* html #mn1 li.page04 a.focus .ornement { /* ie6 */
	bottom:13px;
	font-size:0em;
}


/********************************************************************************************/
/*	Jump to
/********************************************************************************************/
#jumpto {
	float:right;
	position:relative;
	top:-3px;
	padding:5px;
	font-size:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#aaaaaa;
	border:1px solid #888888 !important;
}
#jumpto:hover {
	color:#ffffff !important;
}

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

/********************************************************************************************/
/*	naturalsearch
/********************************************************************************************/
#naturalsearch {
	padding:20px !important;
}
#naturalsearch label {display:none;}

#naturalsearch .input {
	padding:5px 5px 5px 20px;
	width:170px;
	margin-right:10px;
	border:1px solid #999999;
	color:#999999;
	font-size:1em;
	background:#ffffff url('../image/common/icon_search.png') 4px 5px no-repeat;
	float:left;
}
#naturalsearch .submit {
	width:40px;
}

/********************************************************************************************/
/* Alerte
/********************************************************************************************/
#alerte,
#commentalerte,
#resume,
#googlesearcher {
	font-size:0.7em;
	margin-bottom:20px;
	background:#FFFBCC;
	padding:7px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#555555;
}
#alerte	.titre,
#commentalerte .titre,
#resume	.titre {
	margin:3px 0;
	font-weight:bold;
}
#alerte	.chapo,
#commentalerte .chapo,
#resume	.chapo {
	margin:3px 0;
	color:#666666;
}

/********************************************************************************************/
/*	TOC
/********************************************************************************************/
#toc {
	margin:0 0 15px 0 !important;
	padding:0 0 10px 0 !important;
	border-bottom:1px dotted #cccccc;
}
#toc li {
	display:inline;
	margin-right:5px;
	list-style-type:square;
	text-transform:uppercase;
}
#toc li a {
	border:none;
}

/********************************************************************************************/
/*	contenu
/********************************************************************************************/
#cnt {
}
#pagechapo {
	padding-bottom:25px;
	border-bottom:4px double #dddddd;
	font-family:'MuseoRegular300';
	font-size:1.1em;
	color:#999999;
	line-height:1.4em;
}
#pagechapo .portrait {
	float:left;
	text-align:center;
}
#pagetxt,
#articlelist .txt,
#articledetail .txt {
	margin-bottom:40px;
	line-height:1.5em;
	font-size:1.05em;
}
#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;
	font-size:0.8em;
	line-height:1.6em;
}
p.chapo {
	font-size:0.7em !important;
	line-height:1.2em !important;
	color:#999999;
}
#pagetxt ul,
#pagetxt ol,
#articlelist .txt ul,
#articlelist .txt ol,
#articledetail .txt ul,
#articledetail .txt ol {
	padding-left:40px;
	overflow:auto;
}
#pagetxt a,
#pagetxt a,
#articlelist .txt a,
#articledetail .txt a {
}

/*	Titre de la section	*/
#cnt h1 {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	font-family:georgia;
	text-align:center;
	border-bottom:1px dotted #dddddd;
	letter-spacing:1em;
	text-transform:uppercase;
	font-size:0.65em;
	color:#666666;
	font-weight:normal;
}
#cnt h1 span {
	background:0 0 no-repeat;
	padding:4px 10px;
}
#cnt h1 a {
	border:none;
}
#cnt h2 {
	position:relative;
	margin:20px 0 10px 0;
	padding:0 0 3px 0;
	font-family:"MuseoSlab500", georgia;
	font-size:1.3em;
	line-height:1.3em;
	font-weight:normal;
}
#cnt h3 {
	position:relative;
	margin:20px 0 5px 0;
	font-family:helvetica;
	font-size:0.8em;
	line-height:1.3em;
	font-weight:normal;
}
#cnt hr {
	margin:40px 0;
	border:none;
	border-bottom:1px dashed #cccccc;
}

/* Blockquote */
#pagetxt blockquote,
#articlelist blockquote,
#articledetail blockquote {
	margin:0 0 10px 50px;
	padding:10px 0;
	width:40%;
	float:right;
	font-size:1.5em;
	line-height:1.2em;
	font-family:"MuseoSlab500", georgia;
	border-top:4px double #CCCCCC;
	border-bottom:4px double #CCCCCC;
	text-shadow:1px 1px 1px #ffffff;
}
.fullpage #pagetxt blockquote,
.fullpage #articlelist blockquote,
.fullpage #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,
.fullpage #pagetxt blockquote,
.fullpage #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;
	display:block;
	font-size:10em;
	font-style:normal;
	color:#F2F2F2;
}
#pagetxt blockquote .by,
#articlelist blockquote .by,
#articledetail blockquote .by {
	font-size:0.4em;
	text-transform:uppercase;
	color:#999999;
	font-family:arial;
	margin:5px 0 0 0 !important;
	line-height:1.2em;
	font-style:normal;
}

#pagetxt blockquote .by a,
#articlelist blockquote .by a,
#articledetail blockquote .by a {
	color:#999999;
	border:none;
}

/* 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:498px;
	height:350px;
	border:1px solid #dddddd;
}

/* Objet */
object embed {
	width:520px;
	padding:5px;
	border:1px solid #dddddd;
}

/* Images & legendes */
#pagetxt .left,
#articledetail .txt .left {
	width:60%;
	float:left;
	margin:0 30px 10px 0;
}
#pagetxt img,
#articledetail .txt img {
	width:100%;
	display:block;
}
#articlelist .txt a,
#articledetail .txt a {
	border:none;
}
#articlelist .txt a img,
#articledetail .txt a img {
	border:3px dashed #eeeeee;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#pagetxt .caption,
#articledetail .txt .caption {
	font-size:0.8em;
	line-height:1.2em;
	color:#999999;
	margin-top:5px;
}

/********************************************************************************************/
/*	Onglets
/********************************************************************************************/
#tab {
	margin-top:10px;
}
#tab li {
	list-style-type:none;
	float:left;
	font-size:10px;
	font-family:arial, "Lucida Grande", Geneva, Verdana, sans-serif;
	position:relative;
	padding:2px 7px 1px 7px;
	line-height:14px;
	top:8px;
	-moz-border-radius-topleft:3px;
	-webkit-border-radius-topleft:3px;
	border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius-topright:3px;
	border-radius-topright:3px;
}
#tab li.on {
	border:1px solid #dddddd;
	border-bottom:0;
	background:#ffffff;
}
#tab li a {
	border:none;
}

/********************************************************************************************/
/*	Articles list
/********************************************************************************************/
#articlelist {
}
#articlelist .article {
	font-size:1em;
	position:relative;
	overflow:auto;
}

#articlelist .article {
	padding:0 15px;
}

/* wiki */
.page12113 #articlelist .article {
	border-bottom:1px solid #dddddd;
	padding-bottom:25px;
	margin-bottom:25px;
}
.page12113 #articlelist .article .client {
	color:#999999;
	font-size:0.6em;
	text-transform:uppercase;
	margin-bottom:5px;
}
.page12113 #articlelist .article .user {
	color:#999999;
}
.page12113 #articlelist .article .user a {
	background:#F2F2F2;
	color:#999999;
	padding:2px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
}

/* Blog */
.page5 #articlelist .article {
	border-bottom:1px solid #dddddd;
	padding-bottom:25px;
	margin-bottom:25px;
}
.page5 #articlelist.page1 .article.number1 .titre {
	font-size:2em;
}
.page5 #articlelist.page1 .article.number1 .media1{
	margin-bottom:20px;
}
.page5 #articlelist.page1 .article.number1 .media1,
.page5 #articlelist.page1 .article.number1 .media1 a {
	width:510px;
	float:none;
	display:block;
}
.page5 #articlelist.page1 .article.number1 .media1 img {
	width:100%;
}
.page5 #articlelist .article .titre {
	margin-bottom:10px;
}
.page5 #articlelist .article .media1 {
	float:left;
	width:300px;
}
.page5 #articlelist .article .media1 {
	float:left;
	width:300px;
}
.page5 #articlelist .article .media1 ul {
	list-style-type:none;
}
.page5 #articlelist .article .media1 ul li {
	float:left;
	margin:0 0 5px 0;
}
.page5 .txt .mosaik {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
.page5 .txt .mosaik li {
	width:50%;
	float:left;
}
.page5 .txt .mosaik li img {
	max-width:100%;
}

/* Mag */
.page3 #articlelist .article {
	border-bottom:1px solid #dddddd;
	padding-bottom:25px;
	margin-bottom:25px;
}
.page3 #articlelist .article .numero {
	margin-bottom:10px;
	font-size:0.9em;
}
.page3 #articlelist .article .numero .issue {
	padding:0 20px 0 10px;
	float:left;
	position:relative;
	line-height:24px;
	text-align:center;
	color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:"MuseoSlab500", georgia;
}
.page3 #articlelist .article .numero .issue:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
   	border-right: 12px solid #ffffff;
}
.page3 #articlelist .article .numero .issue span {
	font-size:0.5em;
	opacity:0.5;
}
.page3 #articlelist .article .numero .issuetitre {
	float:left;
	line-height:25px;
	font-style:italic;
	font-family:"MuseoRegular300", georgia;
}
.page3 #articlelist .article .numero .issuetitre span {
	color:#cccccc;
	margin-right:2px;
}
.page3 #articlelist .article .media1 {
	float:left;
	margin:0 20px 15px 0;
}
.page3 #articlelist .article .titre {
	font-size:1.4em;
}
.page3 #articlelist .article .numero,
.page3 #articlelist .article .titre,
.page3 #articlelist .article .chapo {
	width:250px;
	float:left;
	text-align:right;
	margin-right:15px;
}
.page3 #articlelist .article .user,
.page3 #articlelist .article .user_illustration,
.page3 #articlelist .article .user_trad,
.page3 #articlelist .article .user_photo {
	float:right;
	width:250px;
	font-size:0.7em;
	line-height:1.2em;
	color:#666666;
	margin-top:5px;
}

/* champs */
#articlelist .article .titre {
	margin-bottom:5px;
	font-size:1.4em;
	line-height:1.2em;
	font-family:"MuseoSlab500", georgia;
}
#articlelist .article .titre a {
	color:#333333;
	border:none;
}
#articlelist .article .datetimeinsert {
	font-size:10px;
	letter-spacing:1px;
	color:#888888;
	text-transform:uppercase;
	background:#ffffff;
	padding:0 7px 0 0;
	position:relative;
	top:8px;
	display:inline;
}
#articlelist .article .media1 {
	padding:5px;
	margin:0 20px 20px 0;
	width:510px;
}
#articlelist .article .media1 img {
	width:100%;
	display:block;
}
#articlelist .article img {
	max-width:100%;
}
#articlelist .article .chapo {
	font-size:0.85em;
	line-height:1.4em;
	color:#999999;
	font-family:"MuseoRegular300", georgia;
	font-style:italic;
}
#articlelist .media1 a {
	border:none !important;
}
#articlelist .article .txt {
	margin:0;
	border-top:1px solid #F2F2F2;
	padding-top:18px;
	margin-top:18px;
}
#articlelist .article .txt h2 {
	font-size:1em;
}


/********************************************************************************************/
/*	Articles Détail
/********************************************************************************************/
#articledetail {
	margin:0 0 40px 0;
}
#articledetail .client {
	color:#999999;
	font-size:0.7em;
	margin-bottom:5px;
}
#articledetail .titre {
	font-family:"MuseoSlab500", georgia;
	font-size:2.8em;
	line-height:1.1em;
	width:70%;
	margin:0 auto 15px auto;
	text-align:center;
}
#articledetail .chapo {
	margin:20px 0;
	font-family:'MuseoRegular300';
	font-size:0.9em;
	color:#999999;
	line-height:1.4em;
	width:70%;
	margin:auto;
	text-align:center;
}
#articledetail .user,
#articledetail .tag,
#articledetail .user_trad,
#articledetail .user_illustration,
#articledetail .user_photo {
	font-size:0.8em;
	line-height:1.4em;
	color:#999999;
	font-style:italic;
	font-family:"MuseoRegular300", georgia;
	text-align:center;
}
#articledetail .user {
	margin-top:15px;
}
#articledetail .tag {
	margin-bottom:15px;
}
#articledetail .datetimeinsert {
	font-size:10px;
	letter-spacing:1px;
	color:#888888;
	text-transform:uppercase;
	background:#ffffff;
	padding:0 7px 0 0;
	position:relative;
	top:8px;
	display:inline;
}
#articledetail .media1 {
	margin:0 0 20px 0;
	width:550px;
	background:#ffffff;
	border-top:1px solid #dddddd;
	padding-top:30px;
}
#articledetail .media1 img {
	width:100%;
	display:block;
}
#articledetail .txt {
	border-top:1px solid #dddddd;
	padding-top:30px;
	margin-top:30px;
}
#articledetail .txt > p:first-child:first-letter {
	color:#333333;
	display:inline;
	float:left;
	font-size:5.3em;
	padding:6px 10px 0 0;
	font-family:'MuseoRegular300';
}
#articledetail .medias {
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #cccccc;
	overflow:hidden;
}
#articledetail .medias ul li {
	margin:0 5px 5px 0;
	width:58px;
	height:58px;
	border:1px solid #dddddd;
	float:left;
	list-style-type:none;
}
#articledetail .medias ul li img {
	width:60px;	
}

#articledetail .fbcomments {
	padding-top:50px;
	width:550px;
	margin:auto;
}

/* Fullpage */
.fullpage #articledetail .titre,
.fullpage #articledetail .user,
.fullpage #articledetail .user_trad,
.fullpage #articledetail .user_illustration,
.fullpage #articledetail .user_photo,
.fullpage #articledetail .user,
.fullpage #articledetail .tag {
	text-align:center;
}
.fullpage #articledetail .media1 {
	width:700px;
	float:none;
	margin:auto;
	border:none;
	margin-bottom:20px;
	padding:0;
}
.fullpage #articledetail .media1 img {
	width:100%;
	display:block;
}
.fullpage #articledetail .txt {
 	/* FF */
	-moz-column-count:3;
    -moz-column-gap:2em;
 	/* Safari */
	-webkit-column-count:3;
	-webkit-column-gap:2em;
}

/********************************************************************************************/
/*	Invite
/********************************************************************************************/
a.after {
	font-size:8px;
	border:none;
	position:relative;
	top:-1px; /* alignement optique */
	white-space:nowrap;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:3px 7px;
	text-transform:uppercase;
	font-family:'MuseoRegular700';
	font-style:normal;

}
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 {
}

/********************************************************************************************/
/*	Nodata
/********************************************************************************************/
.nodata {
	font-size:1em !important;
	line-height:1.2em !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#F5F5F5;
	color:#cccccc;
	text-align:center;
	padding:20px !important;
	margin-bottom:10px !important;
}

/********************************************************************************************/
/*	TOC et forumcat
/********************************************************************************************/
.toc {
	border:1px solid #cccccc;
	padding:10px;
	font-size:0.75em;
	margin-bottom:20px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.toc {
	padding-top:5px;
}
.toc legend {
	margin:0 0 0 7px;
}
.toc li {
	float:left;
	width:25%;
	list-style-type:none;
	margin-bottom:3px;
}
.toc li a {
	color:#444444;
}

/********************************************************************************************/
/*	Home
/********************************************************************************************/
.section00 #cnt {
	padding-top:0;
}

/* Current */
#home {
	position:relative;
}
#home #current {
}
#home #current h1 {
	text-align:center;
	font-size:4em;
	letter-spacing:0;
	font-family:"MuseoSlab500", georgia;
	text-decoration:uppercase;
	border:none;
	color:#999999;
	margin:0 0 10px 0;
	padding:0;
}
#home #current li {
}
#home #current ul.contrib li {
	height:250px;
}
#home #more {
	font-family:"MuseoSlab500", georgia;
	font-size:2em;
	text-align:center;
	margin:10px 0 50px 0;
}

/* h2 */
#home h2 {
	text-align:center;
	font-weight:bold;
	font-family:georgia;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	top:-9px;
	padding:0;
	margin:0 0 15px 0;
}
#home h2 a {
	border:none;
	width:100px;
	margin:auto;
	position:relative;
	background:#ffffff;
	padding:8px 14px 8px 15px;
	color:#333333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/********************************************************************************************/
/*	Sous-home
/********************************************************************************************/
#soushome {
	padding:20px;
	border:none !important;
	border-top:1px solid #cccccc !important;
	font-size:0.8em;
}
#soushome legend {
	font-weight:bold;
	color:#666666;
}
#soushome li {
	margin-bottom:10px;
	list-style-type:square;
}
#soushome .titre {
	font-weight:bold;
	margin-bottom:3px;
}
#soushome .chapo {
	line-height:1.4em;
	color:#888888;
}

/********************************************************************************************/
/*	Petites listes
/********************************************************************************************/
.smalllist {
	clear:both;
	margin-bottom:30px;
	color:#666666;
	border-top:1px dotted #dddddd;
}
.smalllist h2 {
	font-size:0.8em;
	margin:0;
	position:relative;
	background:#ffffff;
	top:-13px;
	padding:0 10px 0 0 !important;
	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 {
	font-weight:bold;
	margin:10px 0 5px 0;
}
.smalllist li .titre a {
	border:none;
}
.smalllist li .page_feed {
	font-size:0.8em;
	margin-top:5px;
	line-height:1.2em;
}
.smalllist li .chapo {
	font-size:0.7em;
	line-height:1.2em;
}

/* in 2 col */
.in2col {
	list-style-type:none;
	padding:0 !important;
	margin:0 !important;
}
.in2col li {
	float:left;
	width:49%;
	height:50px;
}
.in2col li .ville{
	color:#cccccc;
}
.in2col li .media{
	float:left;
	width:45px;
	margin:0 5px 0 0;
}
.in2col li .media img {
	width:50px;
}
.in2col li .media a {
	border:none;
}
.in2col li .abc {
	text-transform:uppercase;
	border-bottom:1px solid #F2F2F2;
	position:relative;
	height:10px;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
}
.in2col li.startover {
	clear:both;
	float:none;
	width:auto;
}
.in2col li.startover h3 {
	margin:0;
	color:#cccccc;
	font-weight:normal;
	position:absolute;
	left:-15px;
}

/********************************************************************************************/
/*	Contrib
/********************************************************************************************/
#focus {
}

/********************************************************************************************/
/*	Contrib
/********************************************************************************************/
#contrib h2 {
	clear:both;
	border-bottom:1px solid #cccccc;
	text-align:center;
	text-transform:uppercase;
	font-size:5em;
}
#contrib .cover {
	float:left;
	width:50%;
}
#contrib .cover img {
	width:100%;
}
#contrib .descr {
	margin-top:100px;
	font-family:'MuseoRegular300';
	font-size:1em;
	line-height:1.4em;
	color:#999999;
}
#contrib ul.contrib {
	list-style-type:none;
	clear:both;
}
#contrib ul.contrib li {
	float:left;
	width:25%;
	height:270px;
	text-align:center;
}
#contrib ul.contrib li a {
	border:none;
}
#contrib ul.contrib.focus li {
	float:left;
	width:33%;
	height:330px;
}
#contrib ul.contrib li .media1 {
	position:relative;
}
#contrib ul.contrib li .media1:hover {
	top:-1px;
}
#contrib ul.contrib li .media1 a {
	border:0;
}
#contrib ul.contrib li .media1 a img {
	width:100%;
}
#contrib ul.contrib li .titre {
	font-family:'MuseoRegular300';
	color:#999999;
	padding:0 15px;
	margin-bottom:5px;
	font-size:0.9em;
}
#contrib ul.contrib li .user,
#contrib ul.contrib li .user_trad,
#contrib ul.contrib li .user_illustration,
#contrib ul.contrib li .user_photo {
	font-size:0.7em;
	color:#aaaaaa;
	padding:0 15px;
}


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

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

/********************************************************************************************/
/* Commenaires
/********************************************************************************************/
#comment {
	border-top:1px solid #dddddd;
	padding-top:10px;
}
#comment h2 {
	text-align:center;
	position:relative;
	top:-20px;
	margin:0 !important;
}
#comment h2 span {
	padding:0 10px;
	background:#ffffff;
}

/********************************************************************************************/
/* Posts & comments sur les forums et les utilisateurs
/********************************************************************************************/
#userwall {
	clear:both;
}
#listofcommentonuser ul,
#listofpostonpost ul,
#listofcommentonarticle ul {
	list-style-type:none;
	clear:both;
}
#listofcommentonuser ul li,
#listofpostonpost ul li,
#listofcommentonarticle ul li {
	padding:10px;
	border-bottom:1px solid #dddddd;
}
#listofcommentonuser ul li .userinsert,
#listofpostonpost ul li .userinsert,
#listofcommentonarticle ul li .userinsert {
	font-size:12px;
	text-align:right;
	margin-bottom:3px;
}
#listofcommentonuser ul li .datetimeinsert,
#listofpostonpost ul li .datetimeinsert,
#listofcommentonarticle ul li .datetimeinsert {
	font-size:11px;
	color:#999999;
	text-align:right;
}
#listofcommentonuser ul li .chapo,
#listofpostonpost ul li .chapo,
#listofcommentonarticle ul li .chapo {
	font-size:12px;
	line-height:16px;
	width:310px;
	margin:0 0 5px 15px;
	float:right;
	background-color:#F3F3F3;
	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:-8px;
	top:5px;
	position:absolute;
	background-color:#F3F3F3;
	background-image:url('../image/common/bulle_ornement_white_left.png');
}

#listofcommentonuser ul li .chapo .ornement,
#listofpostonpost ul li .chapo .ornement,
#listofcommentonarticle ul li .ornement    {
	background:url('../image/common/bulle_ornement_white_left.png') no-repeat 0 0 !important;
}

/********************************************************************************************/
/* Formulaires pour publier un commentaire ou un post
/********************************************************************************************/
form#formcommentonuser fieldset,
form#formcommentonarticle fieldset,
form#formpostonpage fieldset,
form#formpostonpost fieldset {
	background:#F3F3F3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
	padding:10px;
}
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:340px;
	height:85px;
	margin-right:10px;
}
form#formcommentonuser fieldset ol li input,
form#formcommentonarticle fieldset ol li input,
form#formpostonpage fieldset ol li input,
form#formpostonpost fieldset ol li input {
	width:130px;
}

/********************************************************************************************/
/* 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 dotted #cccccc;
	list-style-type:none;
	overflow:auto;
}
/*	Image des resultats */
#search #results .image {
	float:left;
	width:100px;
	border:1px solid #dddddd;
	padding:10px;
	margin:0 15px 0 0;
}
#search #results .image a {
	border:none;
}
#search #results .image a img {
	width:98px;
	display:block;
}
/*	Titres des resultats */
#search #results .titre {
	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 {text-decoration: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/common/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/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 {}

/********************************************************************************************/
/*	Contexte
/********************************************************************************************/
/* Pour tout le monde*/
#ctxbox {
	list-style-type:none;
	margin-bottom:10px;
}
#ctxbox li {
	padding:10px 15px 15px 15px;
	border-bottom:1px dotted #cccccc;
	border-top:5px solid #ffffff;
	position:relative;
}
#ctxbox li .titre {
	font-size:1.2em;
	font-family:"MuseoRegular300", georgia;
	font-weight:normal;
	margin:0 0 5px 0;
	background:2px 2px no-repeat;
	color:#666666;
}
#ctxbox li .chapo {
	font-size:0.7em;
	line-height:1.4em;
	color:#999999;
	margin:0 0 10px 0;
}
#ctxbox li .txt {
	font-size:0.7em;
}
#ctxbox li .txt img,
#ctxbox li .media1 img {
	max-width:100%;
}
#ctxbox li img {
	display:block;
}

/* Les sous listes */
#ctxbox li ul {
	padding-left:20px;
	overflow:auto;
}
#ctxbox li ul li {
	padding:0 !important;
	margin:0 0 5px 0 !important;
	border:none !important;
	list-style-type:disc;
	width:auto !important;
}
#ctxbox li ul li a {
	border:none;
}
#ctxbox li ul li a:hover {
	border-bottom:1px solid;
}
#ctxbox li ul li.on a {
	color:#000000;
	border-bottom:1px solid;
}
#ctxbox li ul li .titre {
	font-family:arial;
	font-weight:normal;
	font-size:1em;
	background:none !important;
	padding:0;
}

/* forms */
#ctxbox fieldset {
	border:none;
	padding:0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#F2F2F2;
	padding:5px;
}
#ctxbox fieldset .input {
	float:left;
	width:180px !important;
}
* html #ctxbox fieldset .input {width:100px;}
#ctxbox .button,
#ctxbox .submit {
	float:right;
	border:none;
	color:#ffffff;
	width:auto;
	background:#666666 !important;
	text-shadow:0px 1px 0px rgba(0, 0, 0, 0.3);
}

/* Importants */
#ctxbox .insertwiki fieldset,
#ctxbox .inserttodo fieldset,
#ctxbox .insertagenda fieldset,
#ctxbox .insertbook fieldset {
	float:left;
	margin:0 10px 0 0px;
	position:relative;
	top:3px; /* alignement optique */
}
#ctxbox .insertwiki,
#ctxbox .inserttodo,
#ctxbox .insertagenda,
#ctxbox .insertbook  {
	background:url('../image/common/ornement_pointer.png') center left no-repeat;
	left:-10px;
	width:265px; /* rétablir la largeur totale */
	padding-left:25px;
}
/* likebox */
#ctxbox .likebox {
	padding:0 !important;
}

/* blog */
#ctxbox .blog .chapo {
	padding:15px;
	background:#F2F2F2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
}
#ctxbox .blog .chapo a {
	color:#666666;
	font-family:georgia;
	font-style:italic;
	border:none;
	font-size:1.2em;
}
#ctxbox .blog .chapo .ornement {
	border-top: 6px solid #F2F2F2;
	border-right: 6px solid transparent;
	position:absolute;
	bottom:-6px;
	right:20px;
}

/* Réseau */
#ctxbox .network #googlewritehere {
	height:150px !important;
	opacity:0.5;
}
#ctxbox .network #googlewritehere:hover {
	height:150px !important;
	opacity:1;
}

/* aboutauteur */
#ctxbox .aboutauteur .media1 {
	margin-right:15px;
}
#ctxbox .aboutauteur .media1 img {
	margin:auto;
}
.fullpage #ctxbox .aboutauteur {
	width:530px !important;
}
.fullpage #ctxbox .aboutauteur .media1 {
	float:left;
}

/* ours */
#ctxbox .ours h2 {
	font-size:0.7em;
	text-transform:uppercase;
}
#ctxbox .ours ul {
	padding:0;
	list-style-type:none;
}
#ctxbox .ours ul li {
	margin:0;
}
#ctxbox .ours ul li .titre {
	font-weight:normal;
	margin:0;
	font-size:0.8em;
}

/* Tags */
#ctxbox .alltags ul {
	padding-left:0;
}
#ctxbox .alltags ul li {
	margin:0 10px 0 0 !important;
	list-style-type:none;
	float:left;
	width:48%;
}

/* Agenda */
#ctxbox .agenda ul li {
	list-style-type:none;
}
#ctxbox .agenda ul {
	padding-left:0;
}
#ctxbox .agenda ul li .datetimestart{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:1px 3px;
	background-color:#cccccc;
	color:#ffffff;
}

/* CTX en mode fullpage */
.fullpage #ctx {
	clear:both;
	width:auto;
	float:none;
	border:0;
	padding:20px 0 0 0;
	border-top:4px double #dddddd;
}
.fullpage #ctx #ctxbox li {
	float:left;
	width:250px;
	border:0;
	padding:0 30px 15px 30px;
	border-left:1px dotted #cccccc;
}
.fullpage #ctx #ctxbox li.number1,
.fullpage #ctx #ctxbox li.number4 {
	border-left:none;
	padding-left:0;
}
.fullpage #ctx #ctxbox li.number3,
.fullpage #ctx #ctxbox li.number6 {
	padding-right:0;
}

/********************************************************************************************/
/* Google Map
/********************************************************************************************/
#googlemap {
	position:relative;
	margin-bottom:15px;
	border:1px solid #dddddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#googlewritehere {
	height:350px;
}

/********************************************************************************************/
/*	Haut de page
/********************************************************************************************/
#totop {
	border-top:1px dotted #dddddd;
	text-align:center;
	margin-top:50px;
}
#totop a {
	background:#ffffff;
	padding:0 10px;
	position:relative;
	top:-13px;
	font-size:0.6em;
	border:none;
	text-transform:uppercase;
}

/********************************************************************************************/
/*	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:20px;
	font-size:0.9em;
	background:#333333;
	color:#999999;
	margin:50px 0 0 0;
	overflow:auto;
	color:#777777;
	position:relative;
}
#footer a {
	color:#999999;
}

/********************************************************************************************/
/*	mnsys
/********************************************************************************************/
#footer #mnsys {
	list-style-type: none;
	font-size:0.8em;
	float:right;
}
#footer #mnsys li {
	display:inline;
	margin:0 0 0 10px;
}
#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:14px;
	background-image:url('../image/common/icon_rss_10_defaut.png');
	background-position:top right;
	background-repeat:no-repeat;
}

/********************************************************************************************/
/*	Flags
/********************************************************************************************/
#flags {
	list-style-type: none;
	font-size:0.8em;
	float:right;
	border-left:1px dotted #666666;
	padding-left:10px;
	margin-left:10px;
}
#flags li {
}
#flags li a {
	color:#999999;
}

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

/********************************************************************************************/
/* Login
/********************************************************************************************/
#login .loglost {
	float:right;
	font-size:0.7em;
}
#login label {
	width:150px !important;
}
#login input.input {
	float:left;
	width:200px !important;
}

/********************************************************************************************/
/* Forms
/********************************************************************************************/
/* Fieldset */
form fieldset {
	border:none;
	border-top:4px double #dddddd;
	padding:10px 0;
	margin:0 0 15px 0;
}
form fieldset.hidden {
	clear:both;
}

/* Legend */
form>fieldset>legend {
	font-family:'MuseoSlab500';
	color:#555555;
	padding:0 10px 0 0;
}

/* 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;
}
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:110px;
	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 p.compulsory {
	color:#cccccc;
	font-size:0.7em;
	float:right;
	clear:both;
	margin-top:7px;
}

/* Alerte */
fieldset ol li .alerte {
	float:right;
	font-size:0.7em;
	padding:6px 10px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius-topright:3px;
	border-radius-topright:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-radius-bottomright:3px;
	border-radius-bottomright:3px;
	background:#F5F5F5;
}
fieldset ol li .alerte:before {
	content:'◄';
	font-size:0.7em;
	margin-right:5px;
}

form fieldset p.compulsory:before,
form fieldset ol li.compulsory label:after {
	color:#ff0000;
	content:'*';
}

/* Full page */
.fullpage #cnt form fieldset.left {
	width:450px;
	float:left;
	clear:both;
}
form fieldset.left .input,
form fieldset.left .textarea,
form fieldset.left .radios,
form fieldset.left .checkboxes,
form fieldset.left .wysiwyg,
form fieldset.left .select,
form fieldset.left .button,
form fieldset.left .submit,
form fieldset.left .hidden,
form fieldset.left .password,
form fieldset.left .media,
form fieldset.left .onmouseout {
	width:440px;
}
.fullpage #cnt form fieldset.right {
	width:370px;
	float:right;
}
form fieldset.right .input,
form fieldset.right .textarea,
form fieldset.right .radios,
form fieldset.right .checkboxes,
form fieldset.right .wysiwyg,
form fieldset.right .select,
form fieldset.right .button,
form fieldset.right .submit,
form fieldset.right .hidden,
form fieldset.right .password,
form fieldset.right .media,
form fieldset.right .onmouseout {
	width:360px;
}
.fullpage #cnt form fieldset ol li label {
	float:none;
	text-align:left;
	width:auto;
}

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

/* 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;
}
fieldset ol li .ok {
	border-color:#88CC00 !important;
}

/* wysiwyg */
form fieldset ol li .wysiwyg {width:90%;}

/* 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;
	overflow:auto;
	border:none;
	background:none;
	padding:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#F2F2F2;
}
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;
}

/* Checkbox & order */
form fieldset ol .checkboxorder  {
	background:#F2F2F2;
	padding:10px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
form fieldset ol .checkboxorder legend {
	font-size:0.8em;
}
form fieldset ol .checkboxorder fieldset.selected, 
form fieldset ol .checkboxorder fieldset.available {
	background:#ffffff;
	padding:10px;
	width:340px;
	border:1px solid #eeeeee;
	clear:none;
}
form fieldset ol .checkboxorder fieldset ul {
	margin:0;
}
form fieldset ol .checkboxorder ul li {
	margin:0 0 1px 0 !important;
	padding:2px;
	clear:both;
	list-style-type:none;
	position:relative;
	font-size:0.8em;
}
form fieldset ol .checkboxorder ul li.nodata {
	border:none !important;
	margin-bottom:10px !important;
}
form fieldset ol .checkboxorder ul li .titre {
	padding:3px;
	background:#ffffff;
}

form fieldset ol .checkboxorder .selected {
	margin-bottom:10px;
}
form fieldset ol .checkboxorder .selected ul li {
}
form fieldset ol .checkboxorder .selected ul li .titre {
	width:80%;
	margin-left:13px;
	border:1px solid #cccccc;
}
form fieldset ol .checkboxorder .selected ul li .handle {
}
form fieldset ol .checkboxorder .selected ul li .handle,
form fieldset ol .checkboxorder .selected ul li .delete {
	position:absolute;
	width:13px;
	height:13px;
	background:50% 50% no-repeat;
	top:5px;
	display:block;
}
form fieldset ol .checkboxorder .selected ul li .handle {
}
form fieldset ol .checkboxorder .selected ul li .handle {
	background-image:url('../image/common/ico_action_sort_black.png');
	left:-5px;
	display:none;
	border:none !important;
}
form fieldset ol .checkboxorder .selected ul li:hover .handle {
	display:block;
}
form fieldset ol .checkboxorder .selected ul li .delete {
	background-image:url('../image/common/ico_action_logout_black.png');
	right:5px;
}
form fieldset ol .checkboxorder .selected ul li .delete:hover {
	background-image:url('../image/common/ico_action_logout_white.png');
	background-color:#D54E21;
}
form fieldset ol .checkboxorder .smartlist {
	padding:2px 5px !important;
	margin-bottom:10px;
	width:80%;
}
form fieldset ol .checkboxorder .smartlist input {
	width:90% !important;
}

form fieldset ol .checkboxorder .available {
}
form fieldset ol .checkboxorder .available ul {
	max-height:250px;
	overflow:auto;
	padding:0 10px 0 0 !important;
}

form fieldset ol .checkboxorder .available ul li {
	border:1px solid #cccccc;
}

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

/* Button & Submit */
fieldset .button,
fieldset .submit {
	padding:4px 6px !important;
	width:auto !important;
	cursor:pointer;
	color:#ffffff !important;
	background-image:none !important;
	border:none !important;
	float:right;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-shadow:0px 1px 0px rgba(0, 0, 0, 0.3);
}

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

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

/********************************************************************************************/
/* calendar */
/********************************************************************************************/
#calendar {
}

/* liste */
#calendar ul {
	width: 100%;
	list-style:none;
	/*font-size: 1em;*/
	margin:0px;
	padding:0px;
	border-top: 1px dashed #898989;
}
#calendar ul li {
	width: 73px;
	height: 40px;
	line-height: 40px;
	margin: 0 !important;
	text-align: center;
	float: left;
	border-bottom: 1px solid #cdcdcd !important;
	border-right: 1px solid #cdcdcd !important;
	position: relative;
}
#calendar ul li.day {
	border-bottom: 1px dashed #cccccc !important;
	border-right: 1px dashed #cccccc !important;
	font-size: 0.7em;
}
#calendar ul li.now span {
	display: block;
	color:#ffffff;
}
#calendar ul li.event {
	
}
#calendar ul li.event a {
	color: #FFFFFF !important;
	display: block;
	text-decoration: none;
	background: #990c5e;
}
#calendar ul li.event .detail {
	position: absolute;
	top: 27px;
	right: 0px;
	width: 200px;
	padding: 4px;
	font-size: 10px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #8F8F8F #CECECE #E3E3E3 !important;
	background: #FFFFFF;
	-moz-border-radius: 5px 0 5px 5px;
	-webkit-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
	z-index: 1;
	text-align: left !important;
	line-height: 16px;
	color: #666666;
}
#calendar ul li.event .detail a {
	display: inline;
	background: none;
	color: #666666 !important;
}

/* boutons */
#calendar .header {
	width: 100%;
	position: relative;
	padding: 6px 0 4px 0;
	border-top: 1px dashed #898989;
}

#calendar .bt {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	font-size: 10px;
	text-decoration: none;
}
#calendar .info {
	display: none;
	font-size: 10px;
}
#calendar .previous {
	left: 0;
	top: 8px;
	background: url('../image/calendar_bt_previous.gif') no-repeat 0 0;
}
#calendar .next {
	right: 0;
	top: 8px;
	background: url('../image/calendar_bt_next.gif') no-repeat 0 0;
}

/* select */
#calendar .header .datetime {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
}
#calendar select {
	font-size: 10px;
	
}

/********************************************************************************************/
/* 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:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:4px double #444444;
	color:#F5F5F5;
	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/common/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;
}