/********************************************************************************************/
/********************************************************************************************/
/*	Souvenoir - souvenoir.fr

/*	COPYRIGHT		Michaël V. Dandrieux
/*	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:Helvetica, Arial, "Lucida Grande", Geneva, Verdana, sans-serif;
	font-size:1em;
	color:#333333;
}
/*	Annulations generales */
body, p, ul, ol, form {
	padding:0;
	margin:0;
}
table	{border-collapse:collapse;}
img		{border:0;}
/*	Clear floats */
.clear {
	clear:both;
	height:0;
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
/*	Positionnement */
#positionnement 	{
	margin:auto;
}
/*	Largeurs du cadre (absolue et relative)*/
#positionnement.absolute	{width:800px;}
#positionnement.relative	{width:100%;}
.padding {}
/*	ombre */
#bg {
	position:fixed;
	top:0;
	width:100%;
	text-align:center;
	z-index:49;
	background:url('../image/body_bg.png') no-repeat top center;
	height:30px;
}
* html #bg {background:none;} /* ie6 */

/********************************************************************************************/
/*	hypertexte
/********************************************************************************************/
a {
	color:#876083;
	text-decoration:none;
}
a:hover {

}

/********************************************************************************************/
/*	En-tete
/********************************************************************************************/
#about {
	margin:auto;
	width:600px;
	font-size:1.2em;
	line-height:1.3em;
	font-family:georgia;
	color:#333333;
}
#about .content{
	padding:30px 0 120px 0;
}
#about p {
	margin-bottom:10px;
}
#about a {
	border-bottom:1px solid;
}
/* Logo mvd */
#lg {
	position:relative;
	width:160px;
	height:50px;
	margin:auto;
}
#lg a {
	border:none;
	position:absolute;
	left:0;
	top:-120px;
	z-index:90;
	height:160px;
	width:160px;
	background:url('../image/lg_mvd.png') no-repeat top center;
}
* html #lg a {background-image:url('../image/lg_mvd.gif')} /* ie6 */

/********************************************************************************************/
/* Calque de panier
/********************************************************************************************/
#panier	{
	background:#ffffff;
	border-bottom:1px solid #cccccc;
}
#panier	ul {
	display:inline;
}
#panier	ul li{
	width:80px;
	margin:0 10px;
	display:inline;
}

/* Description des produits */
#panier	ul li .titre {}
#panier	ul li .image {}
#panier	ul li .prix {}
#panier	ul li .quantite {}

/* Actions */
#panier	.reset,
#panier	.submit {
	display:inline;
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
#cnt {font-size:1em;}

/********************************************************************************************/
/*	En-tête
/********************************************************************************************/
/*	Titre de page	*/
#pagetitre {}

/*	Vous êtes ici */
#youarehere {}
#youarehere a {}
#youarehere a.on {}
#youarehere a:hover {}

/********************************************************************************************/
/*	Onglets
/********************************************************************************************/
#mnlangue {}

/********************************************************************************************/
/* Alerte
/********************************************************************************************/
#alerte	{
	font-size:0.8em;
	margin-bottom:20px;
	background:#FFFBCC;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#555555;
}
#alerte	.titre {
	font-size:1em;
	margin:5px 0;
	font-weight:bold;
}
#alerte	.chapo {
	font-size:1em;
	margin:5px 0;
}

/********************************************************************************************/
/*	En-tete
/********************************************************************************************/
#googlesearcher {
	border-bottom:1px solid #cccccc;
	padding:20px;
	margin-bottom:20px;
	width:600px;
	margin:auto;
}

/********************************************************************************************/
/*	contenu
/********************************************************************************************/
#cnt {}
/* Labeur */
#cnt a {
	border-bottom:1px solid;
}
#cnt p,
#cnt ul {
	margin-bottom:1.5em;
}
/* Chapo & texte */
#cnt #pagechapo {
	font-size:2em;
	font-family:georgia;
	margin-bottom:30px !important;
	margin-top:30px !important;
}
#cnt #pagechapo,
#cnt #pagetxt {
	width:600px;
	margin:auto;
}
.page00 #pagechapo,
.page02 #pagechapo {
	display:none;
}
#cnt #pagetxt,
#cnt #articledetail .article .texte {
	font-size:0.9em;
	line-height:1.55em;
}
#articledetail .texte > p:first-child:first-letter {
	color:#333333;
	display:inline;
	float:left;
	font-size:5.3em;
	padding:6px 6px 0 0;
	font-family:georgia;
}
#cnt #pagetxt p,
#cnt #articledetail .article .texte p,
#cnt #pagetxt ul,
#cnt #articledetail .article .texte ul {
	margin:0 0 10px 0;
}
#cnt #pagetxt ul,
#cnt #articledetail .article .texte ul {
	padding:0 0 0 20px;
}
#cnt #pagetxt li,
#cnt #articledetail .article .texte li {
	margin:0;
}
#cnt #pagetxt img {
	margin:0 0 10px 0;
	float:left;
	width:100%;
}

/* Titraille */
#cnt #pagetxt h1,
#rss h1,
#cnt #articledetail .article .texte h1 {
	font-size:1.8em;
	line-height:1.5em;
	margin:0;
	letter-spacing:-1px;
}
#cnt h2 {
	font-size:1.7em;
	margin:20px 0;
	clear:both;
	line-height:0.4em;
}
#cnt h2 span {
	padding:0 10px 0 0;
	background:#ffffff;
	top:8px;
	position:relative;
}
#related h2,
#navigation h2 {
	margin:20px 0;
	clear:both;
	border-bottom:1px solid #cccccc;
	text-align:center;
	line-height:0.4em;
}
#related h2 span,
#navigation h2 span {
	top:6px;
	position:relative;
	background:#ffffff;
	padding:0 10px;
	text-transform:uppercase;
	font-family:georgia;
	font-size:0.35em;
	letter-spacing:2px;
	color:#666666;
}
#cnt #pagetxt h2 {
	border:none;
	text-align:left;
	line-height:1.2em;
	margin-bottom:10px;
	letter-spacing:-1px;
}

/*	Recents */
#cnt #recentarticle,
#cnt #recentcomment {
	float: left;
	width:50%;
	font-size:0.8em;
}
#cnt #recentarticle li,
#cnt #recentcomment li {
	margin-bottom:10px;
	list-style-type:none;
}
#cnt #recentarticle li {
	padding-right:15px;
	border-right:1px solid #cccccc;
}
#cnt #recentcomment li {
	padding-left:15px;
}
#cnt #recentarticle .titre,
#cnt #recentcomment .titre {
	font-weight:bold;
}

/********************************************************************************************/
/*	Articles Listes & detail
/********************************************************************************************/
#articledetail .article .titre,
#articlelist .article .titre a {
	color:#1e1e1e;
	border:none;
	letter-spacing:-1px;
}
#articledetail .article .chapo,
#articlelist .article .chapo {
	display:none;
}
#articlelist .article .media a {
	border:none;
}
#articledetail .article .date,
#articlelist .article .date,
#articledetail .article .reference,
#articlelist .article .reference {
	font-size:0.7em;
}
#articledetail .article .date,
#articlelist .article .date {
	color:#939393;
	margin:3px 0;
}
#articledetail .article .reference,
#articlelist .article .reference {
	margin-left:5px;
	color:#c3c3c3;
}

/********************************************************************************************/
/* Next & Previous articles */
/********************************************************************************************/
.nextprev {
	position:relative;
	color:#969696;
	text-decoration:none;
}
.nextprev a {
	border:none !important;
}
.nextprev:hover {
	color:#876083;
}
/* palettes de choix */
#prevdropped,
#nextdropped {
	height:550px;
	width:90px;
	position:absolute;
	z-index:1;
	top:0;
	text-align:center;
	padding-top:5px; /* alignement optique*/
}
#prevdropped {right:-90px;}
#nextdropped {left:-90px;}

/* Fleches */
.nextprev .arrow {
	width:10px;
	height:10px;
	position:absolute;
	z-index:2;
}
.nextprev .arrownext {background:url('../image/arrow_next.gif') no-repeat 0 -10px;}
.nextprev .arrownext:hover {background-position:0 0;}
.nextprev .arrowprev {background:url('../image/arrow_prev.gif') no-repeat 0 -10px;}
.nextprev .arrowprev:hover {background-position:0 0;}

/* Dans les boites de choix */
.nextprev .box {
	margin:5px 0;
}
.nextprev .bottom {
	position:absolute;
	bottom:0;
}
.nextprev .box a {
	text-decoration:none;
	color:#333333;
}
.nextprev .box a:hover {
	color:#876083;
}
.nextprev .box a img{
	width:90px;
}
/* Listes */
.nextprev .box ul {
	margin:0 !important;
	padding:0 !important;
	list-style-type:none;
}
/* Legendes */
.nextprev .box span {
	font-size:0.6em;
	letter-spacing:1px;
	font-family:georgia;
	text-transform:uppercase;
	display:block;
}
.nextprev .box span ul,
.nextprev .box span ul li {
	display:inline;
}

/********************************************************************************************/
/*	Articles Listes
/********************************************************************************************/
#articlelist {
}
#articlelist .article td {
	width:390px !important;
	position:relative;
}
* html #articlelist .article td {top:0;left:0;} /* ie6 */
#articlelist .top td 		{
	vertical-align:bottom;
	padding-bottom:10px;
}
#articlelist .bottom td 	{
	vertical-align:top;
	padding-top:10px;
}
#articlelist .article .left	 		{padding-right:10px;}
#articlelist .article .right		{padding-left:10px;}
#articlelist .article .titre {
	font-size:1.5em;
	font-family:georgia;
}
#articlelist .top .titre {
	margin-bottom:3px;
}
#articlelist .bottom .titre {
	margin-top:0;
}
#articlelist .article .image img {
	width:390px !important;
}

/* Next & Previous articles */
#articlelist .article #next .arrow,
#articlelist .article #prev .arrow {
	position:absolute;
	text-decoration:none;
}
#articlelist .article #next .arrow {
	left:-20px;
	top:120px;
}
* html #articlelist .article #next .arrow {top:150px;} /* ie6 */
#articlelist .article #prev .arrow {
	right:-20px;
	top:120px;
}

/********************************************************************************************/
/*	Articles Détail
/********************************************************************************************/
#articledetail {
	margin-bottom:40px;
}
#articledetail .article div {
	width:600px;
	margin:auto;
	margin-bottom:20px;
}
#articledetail .article #photo {
	width:auto;
	cursor:pointer;
	width:800px;
}
#articledetail .article .image {
	width:100%;
	text-align:center;
	background:url('../image/loading.gif') center center no-repeat;
}
#articledetail .article .image a,
#articledetail .article .images a {
	border:none;
}

#articledetail .article .images {
	margin:15px auto;
	overflow:auto;
}
#articledetail .article .images ul li {
	background:url('../image/loading.gif') center center no-repeat;
	list-style-type:none;
	float:left;
	margin:10px 0;
	width:285px;
	text-align:center;
}
#articledetail .article .images ul li.impair {
	margin-right:10px;
}
#articledetail .article .images ul li.pair {
	margin-left:10px;
}
#articledetail .article .images img {
	max-height:200px;
}
#articledetail .article .titre {
	font-size:3em;
	font-weight:bold;
	margin-bottom:0;
}
#articledetail .article .ref {
}
#articledetail .article .date {
	display:inline;
}
#articledetail .article .reference {
	display:inline;
}
#articledetail .article .reference:before {content:'(';}
#articledetail .article .reference:after {content:')';}
#articledetail .article .texte {
	margin-top:20px;
	clear:both;
}

/* Next & Previous articles */
#articledetail #prev .arrow,
#articledetail #next .arrow {
	position:absolute;
	top:280px;
	cursor:pointer;
}
#articledetail #prev .arrow {right:-15px;}
#articledetail  #next .arrow {left:-15px;}

/********************************************************************************************/
/*	Tout d'un coup
/********************************************************************************************/
#toutduncoup {
	min-height:300px;
}
#toutduncoup.loading {
	background:url('../image/loading.gif') 50% 50% no-repeat;
}
#toutduncoup ul li {
	list-style-type:none;
}

/* smartlist */
#smartlist {
	padding:10px;
	width:300px;
	margin:70px auto 0 auto;
	display:block !important; /* override common.css */
	border:1px solid;
	border-color:#cecece !important;
	border-top-color:#8f8f8f !important;
	border-bottom-color:#e3e3e3 !important;
	font-size:0.8em;
	font-family:Arial, Verdana, sans-serif;
	color:#666666;
	background:#ffffff url('../image/input_bg.gif') top left repeat-x;
}

/* Saisons */
#toutduncoup ul li.saison {
	margin:10px 0;
	clear:both;
}
#toutduncoup ul li.saison h2 {
	padding:50px 0 0 0;
	border-bottom:1px solid #cccccc;
}
/* Planche */
#toutduncoup ul li.image {
	float:left;
	margin:5px;
	width:120px;
	height:100px;
	text-align:center;
	border:1px solid #ffffff;
	background:url('../image/loading.gif') center center no-repeat;
}
#toutduncoup ul li.image a {
	text-decoration:none;
	border:1px solid #ffffff;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:block;
}
#toutduncoup ul li.image a:hover {
	border-color:#cccccc;
}
#toutduncoup ul li.image a img {
	height:70px;
}
#toutduncoup ul li.image a:hover .reference {
	color:#666666;
}
#toutduncoup ul li.image a .reference {
	color:#bbbbbb;
	font-size:0.7em;
}

#toutduncoup .empty {
	text-align:center;
	color:#cccccc;
	font-size:3em;
	padding:20px;
	font-family:georgia;
}

/********************************************************************************************/
/* recherche
/********************************************************************************************/
#search {
	width:600px;
	margin:auto;
}
/*	Titres des resultats */
#search #resume {
	padding:10px;
	border:1px solid #cccccc;
	margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#search #resume .info {
	font-style:italic;
	font-size:0.8em;
}

/*	Resultats */
#search #results {}
#search #results li {
	padding:10px 0;
	border-bottom:1px dashed #cccccc;
	list-style-type:none;
	overflow:auto;
}
* html #search #results li {height:1%;} /* ie6 */
/*	Images des resultats */
#search #results .image  {
	float:left;
	margin-right:15px;
	width:100px;
}
#search #results .image a {
	border:none;
}
#search #results .image img {
	width:100px;
}
/*	Titres des resultats */
#search #results .titre {
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0;
}
#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.9em;
	margin-bottom:10px;
}

/*	Cursus des resultats */
#search #results .cursus {
	font-size:0.7em;
}
#search #results .cursus a {
	color:#666666;
	border:none;
}
#search #results .cursus a:hover {}

/********************************************************************************************/
/*	Tags
/********************************************************************************************/
ul#tag	{
	width:600px;
	margin:auto;
}
ul#tag li {
	margin:0 10px 0 0;
	list-style-type:none;
	display:inline;
	font-size:1.2em;
	line-height:1.6em;
}
ul#tag li div {
	display:inline;
}

/********************************************************************************************/
/*	RSS
/********************************************************************************************/
ul#rss	{}
ul#rss li	{
	margin:0 0 20px 0;
	list-style-type:none;
}
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:7px 7px 7px 24px;
	border:1px solid #cccccc;
	font-size:0.8em;
	margin-bottom:5px;
	background:url('../image/icon_rss.png') 5px center no-repeat;
}
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;
	line-height:1.2em;
}
ul#rss li .cursus{}
ul#rss li .cursus a{}
ul#rss li .cursus a:hover {}

/********************************************************************************************/
/*	Boutique
/********************************************************************************************/
#boutique {
	clear:both;
	line-height:1.5em;
	text-align:right;
	font-size:1em;
	height:240px;
	margin:auto;
	width:600px;
}
#boutique .titre {
	color:#aaaaaa;
	margin:0 0 10px 0;
	font-size:2em;
	line-height:1em;
	font-family:georgia;
	padding-top:15px;
}
#boutique .chapo {
	color:#c2c2c2;
}
#boutique .icon {
	float:right;
	width:200px;
	margin-left:30px;
}
#boutique .icon a {opacity:0.9;}
#boutique .icon a:hover {opacity:1;}
#boutique .icon img {
	width:100%;
	border:0;
}

/********************************************************************************************/
/*	Next/Previous
/********************************************************************************************/
#nextprevious {
	text-align:center;
	margin-top:50px;
	font-family:georgia;
	font-size:0.6em;
	font-weight:bold;
}
#nextprevious a,
#nextprevious span {
	position:relative;
	margin:0 5px;
	background:#ffffff;
	color:#888888;
	border:none;
}
#nextprevious a:hover{color:#333333;}
#nextprevious span {color:#101010;}

/********************************************************************************************/
/*	Related
/********************************************************************************************/
#related {
	width:600px;
	margin:auto;
	margin-bottom:20px;
}
#related #relatedphotos li {
	float:left;
	list-style-type:none;
	margin:0 10px;
}
#related #relatedphotos li img {
	height:88px;
}
#related #relatedphotos li a {
	border:none;
}
/* Titre */
#related h2 ul,
#related h2 ul li {
	display:inline;
}

/********************************************************************************************/
/*	Menus
/********************************************************************************************/
/* Navigation */
#navigation {
	margin:100px auto;
	clear:both;
}
#navigation h2 span {
	color:#333333 !important;
}
/* Mn1 ! */
#mn1 {margin-top:25px;}
#mn1 li {
	display:inline;
	list-style-type:none;
	width:160px;
	float:left;
	margin:0 20px 40px 20px;
}
#mn1 li a {
	color:#aaaaaa;
	text-decoration:none;
}
#mn1 li a span {
	display:block;
}
#mn1 li a .image {
	text-align:center;
	height:110px;
	margin-bottom:10px;
}
#mn1 li a .image img {
	height:90%;
}
#mn1 li a .titre {
	font-size:0.68em;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #cccccc;
	text-transform:uppercase;
}
#mn1 li a .chapo {
	font-size:0.7em;
	line-height:1.3em;
}
/* etat */
#mn1 li a:hover .titre,
#mn1 li.on a .titre {color:#101010;}
#mn1 li a:hover .chapo,
#mn1 li.on a .chapo {color:#666666;}

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

/********************************************************************************************/
/*	Social
/********************************************************************************************/
#social {
	background:#e8e8e8;
	padding:50px;
	position:relative;
	overflow:auto;
}
#social .padding {
	width:800px;
	margin:auto;
}
#social h1 {}

/********************************************************************************************/
/*	Commentaires
/********************************************************************************************/
#comment {
	width:600px;
	margin:auto;
}
#comment h2 {
	margin:0 0 20px 0;
}
#comment h2 span {
}

/* formulaire */
#comment ul {}
#comment ul li {
	list-style-type: none;
	margin-bottom:20px;
}
#comment ul li .userinsert {
	font-size:0.8em;
	font-weight:bold;
	display:inline;
	margin-right:5px;
}
#comment ul li .datetimeinsert {
	display:inline;
	color:#999999;
	font-size:0.8em;
}
#comment ul li .chapo {
	font-size:0.8em;
	color:#666666;
	line-height:1.2em;
	margin:5px 0 0 20px;
	padding-left:10px;
	border-left:1px solid #cccccc;
}

/* formulaire */
#comment fieldset h2 {
	margin:0;
	border-bottom:none;
	top:-25px;
	position:relative;
}
#comment fieldset ol {}
#comment fieldset ol li {
	list-style-type: none;
	float:left;
	clear:none;
}
#comment fieldset ol li textarea {
	width:390px;
	height:100px;
	margin-right:20px;
}
#comment fieldset ol li input {
	width:120px;
}
#comment fieldset ol li .submit {
	width:90px !important;
}

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

/********************************************************************************************/
/*	footer
/********************************************************************************************/
#footer {
	background:#101010 url('../image/footer_bg.gif') no-repeat 100% 100%;
	border-top:3px double #ffffff;
	clear:both;
	padding:50px;
	color:#666666;
	overflow:auto;
}
* html #footer {height: 1%;} /* ie6 */
#footer a {
	text-decoration:none;
	color:#F2F2F2;
}
#footer a:hover {
	color:#876083;
	border-bottom:1px solid;
}
#footer .category {
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	font-weight:normal;
	font-size:0.67em;
	text-transform:uppercase;
	color:#666666;
	font-family:georgia;
}
#footer .titre {
	font-size:2em;
	font-family:georgia;
	margin-bottom:10px;
}
#footer li {list-style-type:none;}

/*	mnsys */
#footer #mnsys {}

/*	Last season */
#footer #lastseason {}
/*	Tags */
#footer #tags {width:35%;}
/*	rss */
#footer #stories {}
#footer #seasonstories {float:right;width:60%;}

/********************************************************************************************/
/*	Recherche naturelle
/********************************************************************************************/
#naturalsearch {
	margin-bottom:10px;
}
#naturalsearch label {display:none;}
#naturalsearch input {
	background:#101010;
	height:70px;
	line-height:70px;
	width:100%;
	color:#666666;
	border:none;
	font-size:3.4em;
	text-align:center;
	font-family:georgia;
	text-transform:uppercase;
	cursor:pointer;
}
#naturalsearch input:hover {
	color:#876083;
	text-decoration:underline;
}
#filet {
	text-align:center;
	border-top:1px solid #333333;
	margin-bottom:40px;
}
#filet span {
	background:#101010;
	color:#999999;
	font-size:0.7em;
	font-weight:bold;
	letter-spacing:1em;
	text-align:center;
	font-family:georgia;
	text-transform:uppercase;
	padding:0 10px;
	position:relative;
	top:-10px;
}

/********************************************************************************************/
/*	Tags
/********************************************************************************************/
#tags {
	float:left;
	border-right:1px solid #2F2F2F;
}
#tags .padding {
	padding-right:20px;
}
#tags .titre {
	font-size:1.3em;
}
#tags li {
	display:inline;
	font-size:0.75em;
	line-height:1.4em;
}
#tags li a {
	color:#555555;
}

/********************************************************************************************/
/*	Last season
/********************************************************************************************/
#lastseason {
}

#lastseason .titre {
	font-family:georgia;
	font-size:2.5em;
}
#lastseason .photo {
	width:45%;
	float:left;
	margin:0 20px 20px 0;
}
#lastseason .photo img {
	width:100%;
}
#lastseason .photo span {
	display:block;
	border:5px solid #333333;
	padding:1px;
}
#lastseason .photo a {
	display:block;
	padding:15px;
	background:#ffffff;
}

/********************************************************************************************/
/*	Autres flux RSS
/********************************************************************************************/
#stories {
	border-top:1px solid #2F2F2F;
	clear:both;
}
#stories .padding  {
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #2F2F2F;
	padding-top:20px;
}
#stories .article  {
	margin-bottom:15px;
	float:left;
	width:33%;
}
#stories .top  {
	border:1px solid #cccccc;
}
#stories .article .titre {
	margin-bottom:5px;
	font-family:georgia;
	font-size:1em;
}
#stories .article .chapo {
	margin-bottom:5px;
	font-size:0.7em;
	line-height:1.3em;
}
#stories .article .chapo img {
	width:100% !important;
	height:auto !important;
}

/********************************************************************************************/
/*	Menu système
/********************************************************************************************/
#mnsys {
	width:85%;
	padding-top:30px;
	font-size:0.6em;
	list-style-type:none;
	clear:both;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
	font-weight:bold;
	font-family:georgia;
}
* html #mnsys {position:absolute;left:50px;} /* ie6 */

#mnsys li {
	display:inline;
	background:#101010;
	padding:0 5px;
	margin:0 5px;
	position:relative;
	top:6px;
}
#mnsys li a {color:#666666}
#mnsys li a.on {}
#mnsys li a.off {}
#mnsys li a.off:hover {}

/********************************************************************************************/
/*	Mnvalid
/********************************************************************************************/
#mnvalid {
}
#mnvalid {}
#mnvalid ul {
	list-style-type: none;
}
#mnvalid ul li {}
#mnvalid ul ul li a {}
#mnvalid ul li a.on {
	background: #333333;
	color: #ffffff;
}
#mnvalid ul li a.off {}
#mnvalid ul li a.off:hover {}

/********************************************************************************************/
/* Carte du site
/********************************************************************************************/
#map	{
	width:600px;
	margin:auto;
}
#map ul.langue,
#map ul.page,
#map ul.system	{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #cccccc;
}
#map ul	{
	list-style-type:none;
}

#map ul.langue	{}
#map ul.page				{font-weight:bold;}
#map ul ul			{font-weight:normal;margin-left:20px;}
#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	{}

/********************************************************************************************/
/* Liste des mises a jour (page 'update')
/********************************************************************************************/
ul#update	{
	width:600px;
	margin:auto;
}
ul#update li	{
	padding:20px 0 10px 0;
	border-bottom:1px dashed #cccccc;
	list-style-type:none;
}
ul#update li .titre	{
	font-weight:bold;
	margin-bottom:5px;
}
ul#update li .datetimeinsert	{
	font-size:0.7em;
	margin-bottom:10px;
}

/********************************************************************************************/
/* Calque de rss
/********************************************************************************************/
#rss	{
	width:600px;
	margin:auto;
}
#rss h1 {
}
#rss h1 a {}
#rss .url {
	padding: 5px;
	border: 1px solid #cccccc;
	margin-bottom:10px;
}
#rss .txt {}

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

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

/* Texte */
fieldset p {
	margin:0;
	padding:5px;
	font-size:0.8em;
}

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

/* Labels & spécificités des labels */
fieldset ol li label {
	width:35%;
	display:block;
	text-align:right;
	float:left;
	margin-right:3%;
	padding:5px 0 5px 0;
	font-size:0.8em;
}
fieldset ol li.important label {
	font-weight:bold;
}
fieldset ol li.compulsory label {
	font-weight:bold;
}
fieldset ol li.compulsory label:after {
	color:#ff0000;
	content:'*';
}

/* Généralités des champs */
fieldset ol li .input,
fieldset ol li .textarea,
fieldset ol li .select,
fieldset ol li .radios,
fieldset ol li .checkboxes,
fieldset ol li .media {
	border:1px solid;
	padding:5px !important;
	width:99%;
	font-size:0.8em;
	font-family:Arial, Verdana, sans-serif;
	color:#666666;
	background:#ffffff url('../image/input_bg.gif') top left repeat-x;
}

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

/* Radio & Checkbox */
fieldset ol li .radios,
fieldset ol li .checkboxes {
	overflow:auto;
}
fieldset ol li .radios li,
fieldset ol li .checkboxes li {
	padding:5px !important;
	margin:0 !important;
	border:none !important;
}
fieldset ol li .radios li .radio,
fieldset ol li .checkboxes li .checkbox {
	position:absolute;
	top:1px;
	left:0;
}
.radios li label,
fieldset ol li .checkboxes li label {
	text-align:left !important;
	width:80% !important;
	margin:0 0 0 20px !important;
	padding:0 !important;
	display:block;
	float:none !important;
}
fieldset ol li .radios li label .titre,
fieldset ol li .checkboxes li label .titre {
}
fieldset ol li .radios li label .chapo,
fieldset ol li .checkboxes li label .chapo {
	margin-top:3px;
	font-size:0.8em;
	display:block;
	color:#666666 !important;
}

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

/* Button & Submit */
fieldset ol li .button,
fieldset ol li .submit {
	cursor:pointer;
	background:#444444 !important;
	color:#F2F2F2 !important;
}

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

/* Mise en forme des champs dans le formulaire */
fieldset ol li .input,
fieldset ol li .textarea,
fieldset ol li .select,
fieldset ol li .radios,
fieldset ol li .hidden,
fieldset ol li .checkboxes,
fieldset ol li .password,
fieldset ol li .media,
fieldset ol li .onmouseout {
	width:55%;
	float:left;
	border:1px solid #cccccc;
	border-left-color:#dddddd;
	border-right-color:#dddddd;
	border-bottom-color:#eeeeee;
}

/* Champs automatiques */
fieldset ol li .flush {
	color:#aaaaaa;
}

/* 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 */
fieldset .help {
	font-size:0.8em;
	margin-top:5px;
	float:right;
	border:none !important;
	color:#666666;
}

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

}
/* Overlay */
#popup.site #popupoverlay {
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
}
/* Box */
#popup.site #popupbox {
	width:600px;
	top:50%;
}
#popup.site #popupbox #popupcontent {
	padding:25px;
	background:#ffffff;
	color:#333333;
	line-height:1.2em;
}
#popup.site #popupbox #popupclose {
	position:absolute;
	top:10px;
	right:10px;
	width:15px;
	height:15px;
	opacity:0.8;
	display:block;
	background:#cccccc 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;
}
/* Overlay */
#popup.site img {
	width:100%;
	display:block;
}