/* ****************************************************

	@file         screen.css
	@description  Feuille de styles globale
	@author       remi (ixmedia.com)
	vim: set noet ts=4 fdm=marker fenc=utf-8:

***************************************************** */

@import url("./reset.css");

/* @section Basic {{{
******************************************************************************/

html { font-size: 62.5%; }
html, body { height: 100%; }

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	line-height: 1.3;
	color: #727272;
	background: #e3e3e3;
	position: relative;
	behavior: url("/js/ie6/csshover.htc");
}

p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; cursor: pointer; color: #00b2d8; }
a:focus { outline: 1px dotted; }
a:hover, a:focus { color: #23596f; }
a *, button * { cursor: pointer; }
hr { display: none; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup { font-size: 80%; line-height: 1; vertical-align: super; }
button::-moz-focus-inner { border: 0; padding: 1px; }
span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
h1,h2,h3,h4,h5,h6 { line-height: 1.1; }
header, footer, nav, section, hgroup, article, aside, figure, canvas { display: block; }
time { display: inline; }

/*}}}*/

/* @section Layout {{{
******************************************************************************/

#wrap {
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;
}

/*}}}*/

/* @section Entête {{{
******************************************************************************/

#entete {
	background: #002235 url("../img/interface/bg-entete.jpg") repeat-x top center;
	color: #fff;
	height: 174px;
	position: relative;
	min-width: 950px;
}

#entete .entete-wrap {
	background: url("../img/interface/bg-entete-wrap.jpg") no-repeat top center;
	height: 174px;
}

#entete .entete-inner {
	width: 950px;
	margin: 0 auto;
	position: relative;
	height: 174px;
}

#entete #logo {
	margin: 0;
	line-height: 1;
}

#entete #logo a {
	position: absolute;
	left: 0;
	bottom: 24px;
	display: block;
	height: 133px;
	width: 353px;
	text-indent: -9999px;
	background: url("../img/interface/bg-logo.png") no-repeat top left;
	outline: none;
}

/*}}}*/

/* @section Connexion {{{
******************************************************************************/

#connexion {
	position: relative;
	z-index: 110;
}

#connexion .erreur {
	color: #a00;
	margin: 0;
	padding: 8px 8px 0;
}

#connexion ul {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	color: #003346;
	padding: 0 0 0 8px;
	background: url("../img/interface/bg-connexion.png") no-repeat top left;
}

#connexion ul li {
	float: left;
	padding: 0 0 0 1px;
}

#connexion ul li strong,
#connexion ul li a {
	float: left;
	background: #fff;
	text-transform: uppercase;
	padding: 6px 12px;
	font-weight: bold;
	height: 16px;
}

#connexion ul li.deconnexion a,
#connexion ul li.connexion a {
	background: #fff url("../img/interface/ico-connexion.gif") no-repeat 100% 50%;
	padding-right: 40px;
}

#connexion ul li.deconnexion a {
	background-image: url("../img/interface/ico-deconnexion.gif");
}

#connexion ul li.connexion form {
	background: #fff;
	position: absolute;
	right: 0;
	width: 264px;
	top: -9999px;
}

#connexion ul li.connexion form.visible {
	top: 28px;
}

#connexion ul li.connexion form ul {
	float: none;
	position: relative;
	padding: 12px 0 1px 9px;
	background: none;
	height: 1%;
}

#connexion ul li.connexion form ul li {
	float: none;
	padding: 0;
	margin: 0 0 5px;
}

#connexion ul li.connexion form ul li.motdepasse {
	float: left;
	width: 170px;
}

#connexion ul li.connexion form ul li.bouton {
	float: left;
	width: 80px;
}

#connexion ul li.connexion form ul li input {
	background: #f3f3f3;
	border: none;
	border-bottom: 1px solid #cdcecf;
	color: #797979;
	width: 149px;
	padding: 6px 8px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	float: left;
}

#connexion ul li.connexion form ul li input.focus {
	text-transform: none;
}

#connexion ul li.connexion form ul li button {
	background: #00b2d8;
	color: #fff;
	border: none;
	width: 80px;
	padding: 5px 0;
	text-transform: uppercase;
}

#connexion ul li.connexion form ul li.oubli {
	margin: 0;
	padding: 8px 0;
	clear: both;
	height: 1%;
}

#connexion ul li.connexion form ul li a {
	height: 1%;
	display: inline;
	float: none;
	padding: 0 0 0 9px;
	background: url("../img/interface/ico-fleche-bleue.gif") no-repeat 0 50%;
	text-transform: none;
	font-size: 90%;
	height: 1%;
}

/*}}}*/

/* @section Navigation {{{
******************************************************************************/

#entete nav {
	position: absolute;
	right: 4px;
	bottom: 16px;
	z-index: 100;
}

#entete nav ul {
	margin: 0;
	font-weight: bold;
	font-size: 132%;
	float: right;
}

#entete nav ul li {
	float: left;
}

#entete nav ul li a {
	float: left;
	display: block;
	padding: 4px 11px;
	color: #00b2d8;
}

#entete nav ul li.dernier a {
	padding-right: 0;
}

#entete nav ul li.active a {
	color: #fff;
}

/*}}}*/

/* @section Userbar {{{
******************************************************************************/

#userbar {
	color: #fff;
	min-width: 950px;
	background: #f0f0f0;
	position: relative;
	z-index: 1000;
}

body.template-connecte #userbar {
	border-bottom: 15px solid #F3F3F3;
}

body.template-accueil #userbar {
	border-bottom: none;
}

#userbar .userbar-toggle {
	background: url("../img/interface/bg-userbar-toggle.gif") repeat-x top left;
}

#userbar .userbar-toggle p {
	width: 944px;
	margin: 0 auto;
}

#userbar .userbar-toggle p a {
	float: right;
	display: block;
	color: #fff;
	background: #00b2d8 url("../img/interface/bg-userbar-toggle-p.gif") no-repeat top left;
	font-weight: bold;
	text-transform: uppercase;
	outline: none;
	text-decoration: none;
}

#userbar .userbar-toggle p a span {
	background: url("../img/interface/bg-userbar-toggle-span.gif") no-repeat 100% 50%;
	padding: 6px 40px 6px 30px;
	display: block;
}

#userbar .userbar-toggle p a span.fermer {
	background-image: url("../img/interface/bg-userbar-toggle-span-fermer.gif");
}

#userbar .userbar-wrap {
	background: #00b2d8 url("../img/interface/bg-userbar.jpg") no-repeat top center;
}

#userbar .userbar-inner {
	width: 950px;
	margin: 0 auto;
	padding: 17px 0 7px;
}

#userbar h2 label {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 105%;
	font-weight: bold;
	margin: 0 0 3px;
	background: url("../img/interface/bg-titre-recherche.png") no-repeat top left;
	width: 90px;
	height: 12px;
	text-indent: -9999px;
}

#userbar #recherche {
	position: relative;
}

#userbar #recherche .champ {
	float: left;
	width: 224px;
	padding: 4px 0 0 0;
	position: relative;
}

#userbar #recherche .champ button {
	padding: 0;
	border: none;
	background: none;
}

#userbar #recherche p {
	margin: 0;
	padding: 0 0 11px;
}

.selectbox,
#userbar #recherche p #s {
	background: #d2de24;
	color: #000;
	padding: 7px 6px 6px;
	font-weight: bold;
	border: none;
	text-transform: uppercase;
	width: 207px;
	float: left;
	margin: 0;
	height: 14px;
}

.selectbox {
	background: #d2de24 url("../img/interface/bg-recherche-select.gif") no-repeat top right;
	cursor: pointer;
}

#userbar #recherche p .focus {
	text-transform: none !important;
}

#userbar #recherche p .bouton {
	float: left;
}

#userbar #recherche .suggestions {
	position: absolute;
	top: 31px;
	left: 0;
	width: 215px;
	background: #fff;
	border: 2px solid #D2DE24;
	color: #727272;
}

#userbar #recherche .suggestions ul {
	color: #A8BC2B;
	padding: 10px 10px 1px;
	margin: 0;
	font-weight: bold;
}

#userbar #recherche .suggestions ul li {
}

#userbar #recherche .suggestions ul li h3 {
	margin: 0 0 0.3em;
	text-transform: uppercase;
}

#userbar #recherche .suggestions ul li ul {
	padding: 0;
	margin: 0 0 1em 15px;
}

#userbar #recherche .suggestions ul li ul li {
	list-style: disc;
}

#userbar #recherche .suggestions ul li ul li a {
	display: block;
	padding: 0.1em 0;
}

#userbar #recherche .suggestions .aucun {
	padding: 10px 10px 10px;
}

#userbar #recherche .suggestions .proposer {
	padding: 0 10px 10px;
}

#userbar #recherche .suggestions .proposer a {
	display: block;
	background: #00b2d8;
	color: #fff;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}

#userbar #recherche .suggestions .proposer a span {
	background: url("../img/interface/ico-plus.gif") no-repeat 0 50%;
	padding: 0 0 0 18px;
}

#userbar .intro {
	clear: both;
}

#userbar .intro .texte {
	float: left;
	width: 530px;
	font-size: 130%;
	padding: 20px 0 12px 0;
}

#userbar .intro .inscription {
	float: right;
	width: 355px;
	padding: 20px 0 12px 0;
}

#userbar .intro .inscription h3 {
	width: 281px;
	height: 50px;
	text-indent: -9999px;
	margin: 0 0 5px;
	background: url("../img/interface/bg-inscription.gif") no-repeat top left;
}

#userbar .intro .inscription p {
	margin: 0;
}

#userbar .intro .inscription p a {
	display: block;
	text-indent: -9999px;
	width: 347px;
	height: 35px;
	background: url("../img/interface/btn-inscription.png") no-repeat top left;
	overflow: hidden;
	color: #DDE62C;
}


div.selectbox-wrapper {
	position: absolute;
	margin: 0;
	color: #1b4a73;
	padding: 0;
	text-align: left;
	overflow: auto;
	max-height: 300px;
	height: auto !important;
	height: 300px;
	z-index: 30;
	top: 31px;
	left: 0;
	width: 215px !important;
	background: #fff;
	border: 2px solid #D2DE24;
}

div.selectbox-wrapper ul {
	color: #A8BC2B;
	padding: 10px 10px 8px;
	margin: 0 0 0 15px;
	font-weight: bold;
}

div.selectbox-wrapper ul li:hover span,
div.selectbox-wrapper ul li.selected span {
	color: #23596f;
}

div.selectbox-wrapper ul li {
	list-style: disc;
	padding: 0 0 2px;
	cursor: pointer;
}

div.selectbox-wrapper ul li span {
	color: #00B2D8;
}

/*}}}*/

/* @section Pied {{{
******************************************************************************/

#pied {
	height: 162px;
	margin-top: -162px;
	position: relative;
	background: url("../img/interface/bg-pied.jpg") repeat-x bottom center;
	font-size: 105%;
	color: #8ca6b0;
	min-width: 950px;
}

#pied .pied-inner {
	width: 950px;
	margin: 0 auto;
}

#pied a {
	color: #48dfff;
	font-weight: bold;
}

#pied .liens {
	margin: 0;
	padding: 40px 0 0 0;
	width: 480px;
	float: left;
}

#pied .liens li {
	float: left;
	width: 165px;
	margin: 0 0 0.2em;
}

#pied .liens li.pair {
	width: 285px;
}

#pied .ixmedia {
	float: left;
	padding: 40px 40px 0 0;
	width: 111px;
}

#pied .ixmedia strong {
	display: block;
	height: 3.9em;
}

#pied .ixmedia a {
	margin: 0 0 0 2px;
	display: block;
	width: 111px;
	height: 23px;
	background: url("../img/interface/bg-ixmedia.png") no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#pied .ovologic {
	float: left;
	padding: 40px 45px 0 0;
	width: 130px;
}

#pied .ovologic strong {
	display: block;
	height: 3.4em;
}

#pied .ovologic a {
	margin: 0 0 0 2px;
	display: block;
	width: 130px;
	height: 41px;
	background: url("../img/interface/bg-ovologic.png") no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#pied .partager {
	float: left;
	width: 92px;
	padding: 40px 0 0 0;
}

#pied .partager ul {
	margin: 0;
	width: 92px;
	height: 29px;
	background: url("../img/interface/bg-partager.png") no-repeat top left;
	padding: 4px 0 0 4px;
}

#pied .partager ul li {
	float: left;
	padding: 0 6px 0 0;
}

#pied .partager ul li.facebook {
}

#pied .partager ul li a {
	float: left;
	background: url("../img/interface/ico-feed.gif") no-repeat top left;
	display: block;
	text-indent: -9999px;
	width: 23px;
	height: 22px;
	overflow: hidden;
}

#pied .partager ul li.twitter {
	padding: 0;
}

#pied .partager ul li.twitter a {
	background-image: url("../img/interface/ico-twitter.gif");
}

#pied .partager ul li.facebook a {
	background-image: url("../img/interface/ico-facebook.gif");
	width: 24px;
}

/*}}}*/

/* @section Contenu {{{
******************************************************************************/

#contenu {
	padding: 0 0 190px;
	min-width: 950px;
}

#contenu .contenu-inner {
	width: 950px;
	margin: 0 auto;
}

/*}}}*/

/* @section Accueil {{{
******************************************************************************/

body.template-accueil #contenu-principal {
	background: #f0f0f0;
	border-bottom: 2px solid #e3e3e3;
	padding: 30px 0 10px;
}

body.template-accueil #contenu-secondaire {
	background: #e3e3e3;
	border-top: 1px solid #fff;
	padding: 20px 0;
}

/* @subsection En vedette {{{
--------------------------------------*/

body.template-accueil #vedette {
	width: 600px;
	float: left;
	position: relative;
}

body.template-accueil #vedette h2 {
	width: 530px;
	height: 57px;
	background: url("../img/interface/bg-titre-vedette.jpg") no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 0.9em;
}

body.template-accueil #vedette .vedette-contenu {
	position: relative;
	width: 534px;
}

body.template-accueil #vedette .nav {
	margin: 0;
	position: absolute;
	right: 8px;
	top: -3px;
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
}

body.template-accueil #vedette .nav li {
	float: left;
	padding: 0 0 0 2px;
}

body.template-accueil #vedette .nav li a {
	float: left;
	background: #fff;
	color: #00b2d8;
	padding: 3px 12px;
	text-decoration: none;
}

body.template-accueil #vedette .vedettes {
	margin: 0;
	text-shadow: 1px 1px 2px #fff;
}

body.template-accueil #vedette .vedettes li h1 {
	padding: 0 0 0 7px;
	color: #003346;
	font-size: 130%;
	text-transform: uppercase;
	margin: 0 0 0.6em;
}

body.template-accueil #vedette .vedettes li h1 span {
	color: #727272;
	font-weight: normal;
}

body.template-accueil #vedette .vedettes li .cadre {
	background: url("../img/interface/bg-cadre.gif") no-repeat top left;
}

body.template-accueil #vedette .vedettes li .cadre .cadre-media {
	padding: 8px 8px 0 8px;
	background: url("../img/interface/bg-cadre.gif") no-repeat top left;
}

body.template-accueil #vedette .vedettes li .cadre .cadre-media-avec-padding {
	padding-top: 38px;
	padding-bottom: 30px;
	background-color: #E3E3E3;
}

body.template-accueil #vedette .vedettes li .cadre .cadre-bottom {
	font-size: 0pt;
	height: 8px;
	width: 100%;
	background: url("../img/interface/bg-cadre-bas.gif") no-repeat bottom left;
}

body.template-accueil #vedette .vedettes li .cadre a {
	outline: none;
}

body.template-accueil #vedette .vedettes li .cadre img {
	display: block;
	margin: 0 auto;
}

body.template-accueil #vedette .vedettes li .infos {
	font-size: 115%;
	padding: 4px 20px 0 8px;
}

body.template-accueil #vedette .vedettes li .commenter {
	float: right;
	width: 40px;
	background: url("../img/interface/ico-commenter.gif") no-repeat top left;
}

body.template-accueil #vedette .vedettes li .commenter a {
	font-size: 85%;
	text-shadow: none;
	display: block;
	text-align: center;
	width: 40px;
	height: 29px;
	padding: 8px 0 0 0;
	color: #fff;
	font-weight: bold;
}

body.template-accueil #vedette .vedettes li .commenter span {
	position: absolute;
	left: -9999px;
}

/* }}} */

/* @subsection Explorer {{{
--------------------------------------*/

body.template-accueil #explorer {
	width: 350px;
	float: right;
}

* html body.template-accueil #explorer {
	overflow: hidden;
}

body.template-accueil #explorer h2 {
	width: 350px;
	height: 57px;
	background: url("../img/interface/bg-titre-explorer.jpg") no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 0.9em;
}

body.template-accueil #explorer .explorer-contenu {
	position: relative;
	text-shadow: 1px 1px 2px #fff;
}

body.template-accueil #explorer .nav {
	margin: 0 0 1.5em;
	text-transform: uppercase;
}

body.template-accueil #explorer .nav li {
	float: left;
	padding: 0 3px 0 0;
}

body.template-accueil #explorer .nav li a {
	float: left;
	background: #fff;
	color: #00b2d8;
	font-weight: bold;
	padding: 5px 12px 4px 8px;
	outline: none;
}

body.template-accueil #explorer .nav li.active a {
	background: none;
	color: #003346;
}

body.template-accueil #explorer .listes {
	margin: 0;
	padding: 0 20px 0 0;
}

ul.liste-fiches {
	margin: 0;
}

ul.liste-fiches li {
	padding: 7px 5px 7px 40px;
	color: #838383;
}

* html ul.liste-fiches li { height: 1%; }
*+html ul.liste-fiches li { height: 1%; }

ul.liste-fiches li.emission { background: url("../img/interface/ico-emission.png") no-repeat 0 0px; }
ul.liste-fiches li.artisan { background: url("../img/interface/ico-artisan.png") no-repeat 0 2px; }

ul.liste-fiches li a {
	font-weight: bold;
	font-size: 105%;
	text-decoration: none;
	line-height: 1.2;
}

ul.liste-fiches li a em {
	font-size: 90%;
	font-weight: normal;
	color: #838383;
}

/* }}} */

/* @subsection Actualité télé {{{
--------------------------------------*/

body.template-accueil #actualite {
	width: 521px;
	float: left;
}

body.template-accueil #actualite h2 {
	width: 521px;
	height: 72px;
	background: url("../img/interface/bg-titre-actualites.jpg") no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 1.5em;
}

body.template-accueil #actualite h3 {
	text-transform: uppercase;
	float: left;
	width: 150px;
}

body.template-accueil #actualite h3 a {
	color: #727272;
	float: left;
	height: 1%;
}

body.template-accueil #actualite ul {
	margin: 0;
	text-shadow: 1px 1px 2px #fff;
}

body.template-accueil #actualite ul ul {
	float: right;
	width: 331px;
	padding: 0 30px 0 0;
}

/* }}} */

/* @subsection Blogue {{{
--------------------------------------*/

body.template-accueil #blogue {
	width: 350px;
	float: right;
}

body.template-accueil #blogue h2 a {
	display: block;
	overflow: hidden;
	outline: none;
	width: 350px;
	height: 72px;
	background: url("../img/interface/bg-titre-blogue.jpg") no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 1.5em;
}

body.template-accueil #blogue ul {
	margin: 0;
	padding: 0 0 0 10px;
	text-shadow: 1px 1px 2px #fff;
}

/* }}} */

/*}}}*/

/* @section Fiche d'émission {{{
******************************************************************************/

body.template-fiche #userbar {
	background-color: #f3f3f3;
}

body.template-fiche #contenu-principal {
	background: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 0 0 10px;
}

body.template-artisan #contenu-principal {
	padding-bottom: 30px;
}

body.template-fiche #contenu-secondaire {
	background: #e3e3e3;
	border-top: 1px solid #fff;
	padding: 25px 0 20px;
}

body.template-fiche #contenu header {
	position: relative;
}

body.template-fiche #contenu h1 {
	background: url("../img/interface/bg-fiche-titre.jpg") no-repeat 0 100%;
	font-size: 290%;
	font-weight: normal;
	color: #003346;
	padding: 0 510px 10px 7px;
	text-shadow: 1px 1px 0 #fff;
}

body.template-artisan #contenu h1 {
	background-image: url("../img/interface/bg-fiche-artisan-titre.jpg");
	margin-bottom: 0.5em;
	padding-left: 0;
}

body.template-contributeur #contenu h1 {
	background-image: url("../img/interface/bg-fiche-artisan-titre.jpg");
	margin-bottom: 0.5em;
	padding-left: 0;
}

/* @subsection Infos {{{
--------------------------------------*/

body.template-fiche #infos {
	width: 534px;
	float: left;
	text-shadow: 1px 1px 0 #fff;
	font-size: 110%;
}

body.template-contributeur #infos,
body.template-artisan #infos {
	padding-right: 24px;
	width: 510px;
}

body.template-fiche #autres .details,
body.template-fiche #infos .infos {
	background: #e6e6e6;
	padding: 10px;
	margin: 0 16px 2em 0;
	position: relative;
}

body.template-fiche #contenu .partager {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

body.template-fiche #contenu .partager span,
body.template-fiche #contenu .partager a {
	float: left;
}

body.template-fiche #contenu .partager span {
	padding: 8px 3px 0 0;
}

body.template-fiche #contenu .partager a.facebook {
	display: block;
	width: 37px;
	height: 31px;
	background: url("../img/interface/ico-facebook-partager.gif") no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

body.template-fiche #autres .details {
	margin: 0 7px 2em 7px;
}

body.template-fiche #autres .details ul,
body.template-fiche #infos .infos ul {
	margin: 0;
}

body.template-fiche #infos .medias-contenu {
	position: relative;
	margin: 0 0 2em -8px;
}

body.template-fiche #infos .medias-contenu .proposer {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 90%;
}

body.template-fiche #infos .medias-contenu .proposer a {
	color: #A9B402;
	font-weight: bold;
}

body.template-fiche #infos .medias-contenu .nav {
	margin: 0 0 0 8px;
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
}

body.template-fiche #infos .medias-contenu .nav li {
	float: left;
}

body.template-fiche #infos .medias-contenu .nav li a {
	float: left;
	display: block;
	padding: 4px 8px 5px;
	background: #fff;
	color: #00b2d8;
	outline: none;
}

body.template-fiche #infos .medias-contenu .nav li.active a {
	color: #003346;
	background: none;
}

body.template-fiche #infos .medias-contenu .medias {
	margin: 0;
}

body.template-fiche #infos .medias-contenu .medias .media {
	margin: 0 0 1em;
	position: relative;
	height: 1%;
	background: url("../img/interface/bg-cadre.gif") no-repeat top left;
}

body.template-fiche #infos .medias-contenu .medias .media-media {
	padding: 8px 0 0 8px;
	background: url("../img/interface/bg-cadre.gif") no-repeat top left;
	width: 518px;
	height: 382px;
	overflow: hidden;
}

body.template-fiche #infos .medias-contenu .medias .media-media-avec-padding {
	padding-top: 8px;
	background-color: #E3E3E3;
	height: 382px;
}

body.template-fiche #infos .medias-contenu .medias .media .media-bottom {
	font-size: 0pt;
	background: url("../img/interface/bg-cadre-bas.gif") no-repeat bottom left;
	width: 100%;
	height: 8px;
}

body.template-fiche #infos .medias-contenu .medias .media * {
	display: block;
}

body.template-fiche #infos .medias-contenu .medias .media img {
	margin: 0 auto;
}

body.template-fiche #infos .medias-contenu .medias .liste {
	height: 93px;
	width: 519px;
	margin: 0 0 0 8px;
	background: #fff;
	position: relative;
}

body.template-fiche #infos .medias-contenu .medias .liste-cachee {
	display: none;
}

body.template-fiche #infos .medias-contenu .medias .liste .liste-nav {
}

body.template-fiche #infos .medias-contenu .medias .liste .liste-nav li {
	position: absolute;
	top: 0;
	left: 0;
}

body.template-fiche #infos .medias-contenu .medias .liste .liste-nav li.next,
body.template-fiche #infos .medias-contenu .medias .liste .liste-nav li.next-inactif {
	left: auto;
	right: 0;
}

body.template-fiche #infos .medias-contenu .medias .liste .liste-nav li a {
	display: block;
	width: 25px;
	height: 93px;
	background: url("../img/interface/btn-medias-nav.jpg") no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

body.template-fiche #infos .medias-contenu .medias .liste .liste-nav li.next-inactif a {
	background-position: top right;
}

body.template-fiche #infos .medias-contenu .medias .liste .liste-nav li.next a {
	background-position: bottom right;
}

body.template-fiche #infos .medias-contenu .medias .liste .liste-nav li.prev a {
	background-position: bottom left;
}

body.template-fiche #infos .medias-contenu .medias .liste .viewport {
	width: 469px;
	height: 93px;
	position: absolute;
	left: 25px;
	top: 0;
	overflow: hidden;
}

body.template-fiche #infos .medias-contenu .medias .liste .viewport ul {
	margin: 0;
	width: 9999px;
	padding: 7px 0 0 7px;
	position: absolute;
	top: 0;
	left: 0;
}

body.template-fiche #infos .medias-contenu .medias .liste .viewport ul li {
	float: left;
	padding: 0 6px 0 0;
}

body.template-fiche #infos .medias-contenu .medias .liste .viewport ul li a {
	float: left;
}

body.template-fiche #infos .medias-contenu .medias .liste .viewport ul li.actif a {
}

body.template-fiche #infos .medias-contenu .medias .liste .viewport ul li a img {
	display: block;
}

body.template-fiche #infos .liste-soumissions {

}

body.template-fiche #infos .liste-soumissions ul {
	margin: 0;
}

body.template-fiche #infos .liste-soumissions ul li {
	margin: 0 0 1.5em;
}

body.template-fiche #infos .liste-soumissions ul li p.meta {
	margin-bottom: 0.5em;
}

body.template-fiche #infos .liste-soumissions ul li p.meta strong span {
	color: #444;
}

body.template-fiche #infos .liste-soumissions ul li p.meta .vote {
	margin: 0 0 0 0.4em;
}

body.template-fiche #infos .liste-soumissions ul li p.meta .vote a {
	display: inline;
	font-weight: bold;
	background: #fff url("../img/interface/ico-thumb-up.gif") no-repeat 5px 50%;
	padding: 5px 5px 6px 26px;
	outline: none;
}

body.template-fiche #infos .liste-soumissions ul li p.meta .vote a.down {
	background-image: url("../img/interface/ico-thumb-down.gif");
}

body.template-fiche #infos .liste-soumissions ul li p.meta .desactive a {
	color: #aaa;
}

body.template-fiche #infos .liste-soumissions ul li p.meta .desactive a.choisi {
	color: #666;
}

body.template-fiche #infos .liste-soumissions ul li p.meta a.modification {
	color: #a9b402;
	font-weight: bold;
	font-size: 80%;
	text-transform: none;
	margin: 2px 0 0 3px;
	display: inline;
}

body.template-fiche #infos .liste-soumissions .fermer {
	display: none;
}

body.template-fiche #infos h3,
body.template-fiche #infos h2 {
	color: #003346;
	text-transform: uppercase;
	font-size: 115%;
	margin: 0 0 0.6em;
}

body.template-fiche #infos h3 {
	text-transform: none;
	font-size: 105%;
	margin-top: 0.9em;
}

body.template-fiche #infos h2 strong,
body.template-fiche #infos h3 strong {
	float: left;
}

body.template-fiche #infos h3 a,
body.template-fiche #infos h2 a {
	color: #a9b402;
	font-weight: bold;
	font-size: 80%;
	text-transform: none;
	margin: 2px 0 0 5px;
	float: left;
	display: inline;
}

body.template-fiche #infos .signaler,
body.template-fiche #infos .bloc-fiches,
body.template-fiche #infos .liste-soumissions {
	margin: 0 0 2em;
}

body.template-fiche #infos .bloc-fiches ul {
	margin: 0;
}

body.template-fiche #infos .bloc-fiches ul li {
	margin: 0 0 3px;
}

body.template-fiche #infos .bloc-fiches ul a {
	font-weight: bold;
}

body.template-fiche #infos .signaler {
	background: #dadada url("../img/interface/ico-signaler.jpg") no-repeat 12px 8px;
	padding: 10px 10px 10px 52px;
}

body.template-fiche #infos .signaler p {
	margin: 0;
}

/* }}} */

/* @subsection Autres {{{
--------------------------------------*/

body.template-fiche #autres {
	width: 232px;
	float: left;
	padding: 0 0 0 6px;
	position: relative;
	margin: -7px 0 0 0;
	text-shadow: 1px 1px 0 #fff;
}

body.template-fiche #autres .image {
	background: url("../img/interface/bg-cadre-mini-bas.gif") no-repeat bottom left;
	padding: 0 0 7px;
	margin: 0 0 1.2em;
}

body.template-fiche #autres .image span {
	display: block;
	background: #E3E3E3 url("../img/interface/bg-cadre-mini-haut.gif") no-repeat top left;
	padding: 7px 7px 0 7px;
	display: block;
	height: 1%;
}

body.template-fiche #autres .image img {
	display: block;
	-ms-interpolation-mode: bicubic;
	margin: 0 auto;
}

body.template-fiche #autres .plus {
	padding: 0 0 0 7px;
}

body.template-fiche #autres h2 {
	color: #a7a9ac;
	font-weight: normal;
	font-size: 140%;
	margin: 0 0 0.9em;
}

body.template-fiche #autres h2 strong {
	float: left;
	font-weight: normal;
}

body.template-fiche #autres h2 a {
	color: #a9b402;
	font-weight: bold;
	font-size: 70%;
	text-transform: none;
	margin: 4px 0 0 5px;
	float: left;
	display: inline;
}

body.template-fiche #autres .plus ul {
	margin: 0;
	font-weight: bold;
}

body.template-fiche #autres .plus ul li {
	margin: 0 0 1px;
}

body.template-fiche #autres .plus ul li a {
	background: #fff;
	display: block;
	padding: 4px 8px;
	height: 1%;
}

body.template-fiche #autres .pub {
	padding: 20px 0 0 0;
	margin: 0 0 0 8px;
}

/* }}} */

/* @subsection Annonces {{{
--------------------------------------*/

body.template-fiche #annonces {
	width: 160px;
	float: right;
}

/* }}} */

/* @subsection Commentaires {{{
--------------------------------------*/

body.template-fiche #commentaires {
	width: 519px;
	float: left;
	text-shadow: 1px 1px 0 #fff;
	font-size: 110%;
}

body.template-fiche #commentaires h2 {
	color: #003346;
	text-transform: uppercase;
	font-size: 105%;
	margin: 0 160px 1.1em 0;
}

body.template-fiche #commentaires h2 strong {
	display: block;
	width: 40px;
	height: 37px;
	float: left;
	background: url("../img/interface/ico-commentaires.gif") no-repeat top left;
	text-align: center;
	line-height: 32px;
	color: #fff;
	font-size: 85%;
	text-shadow: none;
}

body.template-fiche #commentaires h2 span {
	display: block;
	margin: 0 0 0 46px;
	padding: 8px 0 0 0;
}

body.template-fiche #commentaires ul {
	margin: 0;
}

body.template-fiche #commentaires ul li {
	margin: 0 0 1.2em;
}

body.template-fiche #commentaires ul li h3 {
	margin: 0 0 0.1em;
}

body.template-fiche #commentaires ul li h3 cite {
	font-style: normal;
}

body.template-fiche #commentaires .commenter {
	float: right;
	margin: 0;
	font-size: 90%;
}

body.template-fiche #commentaires .commenter a {
	display: block;
	width: 149px;
	height: 35px;
	background: url("../img/interface/btn-commenter.gif") no-repeat top left;
	font-weight: bold;
	text-align: center;
	line-height: 33px;
	outline: none;
	color: #0089a6;
}

body.template-fiche #commentaires .commenter a span {
	display: block;
	text-align: center;
	padding-right: 10px;
}

body.template-fiche #commentaires .fermer,
body.template-fiche #commentaires .tous {
	padding: 1.5em 0 0;
	font-size: 90%;
}

body.template-fiche #commentaires .fermer {
	display: none;
}

body.template-fiche #commentaires form {
	text-shadow: none;
	padding: 20px 0 0 0;
	display: none;
}

body.template-fiche #commentaires .message {
	margin: 0 0 0.9em;
	background: #a00;
	color: #fff;
	font-size: 90%;
	padding: 13px 13px 2px;
}

body.template-fiche #commentaires form li {
	margin: 0 0 0.9em;
}

body.template-fiche #commentaires form li label {
	text-transform: uppercase;
	color: #838383;
	font-size: 80%;
	font-weight: bold;
}

body.template-fiche #commentaires form li textarea,
body.template-fiche #commentaires form li input {
	margin: 5px 0 0 0;
	display: block;
	background: #f3f3f3;
	border: none;
	padding: 3px;
	border-bottom: 1px solid #fff;
}

body.template-fiche #commentaires form li input {
	width: 300px;
}

body.template-fiche #commentaires form .bouton {
	position: relative;
	height: 1%;
	text-align: right;
}

body.template-fiche #commentaires form .bouton button {
	border: none;
	padding: 0;
	background: none;
}

body.template-fiche #commentaires .pub {
	padding: 20px 0 0 0;
}

/* }}} */

/* @subsection Aussi {{{
--------------------------------------*/

body.template-fiche #aussi {
	width: 360px;
	float: right;
	text-shadow: 1px 1px 0 #fff;
	padding: 6px 0 0 0;
}

body.template-fiche #aussi h2 {
	color: #003346;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
	background: url("../img/interface/bg-fiche-sep.jpg") no-repeat bottom left;
	padding: 0 0 16px 20px;
	margin: 0 0 2px;
}

body.template-fiche #aussi ul {
	padding: 0 0 0 20px;
}

/* }}} */

/* @subsection Blocs de contributions {{{
--------------------------------------*/

body.template-contributeur {
}

body.template-contributeur #infos .intro {
margin: 0 0 1.5em;
border-bottom: 1px solid #fff;
font-size: 140%;
}

body.template-contributeur #infos .intro p {
	margin: 0;
	padding: 0 0 1em;
	border-bottom: 1px solid #c2c2c2;
}

body.template-contributeur .bloc-contributions {
	margin: 0 0 2em;
}

body.template-contributeur #infos .bloc-contributions h2 {
	margin: 0 0 1.5em;
	font-size: 100%;
}

body.template-contributeur .bloc-contributions ul {
	margin: 0;
}

body.template-contributeur .bloc-contributions ul li {
	margin: 0;
	border-bottom: 1px solid #fff;
}

body.template-contributeur #infos .bloc-contributions ul li h3 {
	font-weight: normal;
}

body.template-contributeur #infos .bloc-contributions ul li h3 a {
	font-size: 100%;
	float: none;
	margin: 0;
	color: #00b2d8;
	font-weight: bold;
}

body.template-contributeur .bloc-contributions ul li p {
	margin: 0;
	border-bottom: 1px solid #c2c2c2;
	padding: 0 0 1em;
}

body.template-contributeur #infos .bloc-contributions-blogue ul li h3 {
	text-transform: uppercase;
	font-weight: bold;
	color: #838383;
	font-size: 85%;
	margin: 1.3em 0 0.4em;
}

body.template-contributeur #infos .bloc-contributions-blogue ul li h3 a {
	text-transform: uppercase;
	font-size: 100%;
}

body.template-contributeur #infos .bloc-contributions-blogue ul li p {
	font-family: Georgia, "Times new Roman", serif;
	font-style: italic;
}

/* }}} */

/*}}}*/

/* @section Overlay {{{
******************************************************************************/

body #overlay {
	display: none;
}

body.template-fiche #overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
	display: none;
}

#overlay #overlay-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #002639;
	z-index: 9001;
}

#overlay #overlay-fermer {
	width: 954px;
	top: 190px;
	left: 50%;
	margin: 0 0 0 -477px;
	position: absolute;
	z-index: 9003;
}

.overlay-etroit #overlay-fermer {
	width: 654px !important;
	margin: 0 0 0 -327px !important;
}

#overlay #overlay-fermer a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 38px;
	height: 37px;
	text-indent: -9999px;
	background: url("../img/interface/btn-overlay-fermer.gif") no-repeat top right;
	outline: none;
}

#overlay #overlay-texte {
	position: absolute;
	width: 634px;
	left: 50%;
	top: 200px;
	margin: 0 0 0 -317px;
	z-index: 9002;
	background: #f3f3f3 url("../img/interface/bg-overlay-form.jpg") no-repeat top right;
	-moz-box-shadow: 2px 2px 21px rgba(0,38,57,0.5);
}

#overlay #overlay-texte .texte-inner {
	padding: 20px;
}

#overlay #overlay-texte h2 {
	font-size: 140%;
	margin: 0 0 1em;
	color: #003346;
}

#overlay #overlay-texte strong {
	display: block;
	font-size: 120%;
	margin: 0 0 0.5em;
}

#overlay #overlay-texte .login {
	width: 49%;
	float: left;
}

#overlay #overlay-texte .register {
	width: 49%;
	float: right;
}

#overlay-texte .oubli-motdepasse form input {
	display: block;
	background: #e3e3e3;
	border: none;
	padding: 4px;
	width: 201px;
	border-bottom: 1px solid #fff;
	float: none;
	margin: 0 0 9px;
}

#overlay-texte .oubli-motdepasse form label {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	color: #838383;
	margin: 0 0 4px;
	display: block;
}

#overlay-texte .oubli-motdepasse form button {
	background: #00B2D8;
	color: #fff;
	border: none;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 10px;
}

#overlay-texte form p {
	margin: 0;
}

#overlay-texte form .message {
	display: none;
}

#overlay-texte form .message p {
	margin: 0;
}

#overlay-texte form .messages .erreur {
	color: #a00;
}

#overlay-texte form .messages .erreur ul {
}

#overlay-texte form .messages .erreur ul li {
	list-style: disc;
}

#overlay-texte form .messages .succes {
	color: #A9BC2C;
	font-weight: bold;
}

#overlay #overlay-form {
	position: absolute;
	width: 934px;
	left: 50%;
	top: 200px;
	margin: 0 0 0 -467px;
	z-index: 9002;
	background: #f3f3f3 url("../img/interface/bg-overlay-form.jpg") no-repeat top left;
	-moz-box-shadow: 0 0 21px rgba(0,38,57,0.8);
}

#overlay #overlay-form form {
	padding: 25px 40px;
	text-shadow: 1px 1px 2px #fff;
}

#overlay #overlay-form form .type {
	font-size: 140%;
	text-transform: uppercase;
	font-weight: bold;
	color: #003346;
	border-bottom: 1px solid #e6e6e6;
	margin: 0;
	padding: 0 0 13px;
}

#overlay #overlay-form form h1 {
	font-size: 190%;
	font-weight: normal;
	padding: 10px 0;
	position: relative;
}

#overlay #overlay-form form h1 a {
	position: absolute;
	top: 14px;
	right: 5px;
	font-size: 55%;
	font-weight: bold;
}

#overlay #overlay-form form .infos {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	color: #003346;
	border-top: 1px solid #e6e6e6;
	margin: 0 0 15px;
	padding: 15px 0 0 0;
}

#overlay #overlay-form form textarea {
	width: 834px;
	padding: 10px;
	border: none;
	display: block;
	margin: 0 0 13px;
}

#overlay #overlay-form form .note {
	float: left;
	color: #999;
	background: url("../img/interface/bg-overlay-note.gif") no-repeat 0 50%;
	padding: 4px 4px 4px 34px;
	width: 300px;
	font-size: 90%;
	margin: 0;
}

#overlay #overlay-form form .bouton {
	float: right;
	padding: 5px 0 0 0;
	margin: 0;
}

#overlay #overlay-form form .message {
	display: none;
	font-size: 110%;
}

#overlay #overlay-form form .messages .erreur {
	color: #a00;
}

#overlay #overlay-form form .message .fermer {
	font-size: 90%;
}

#overlay #overlay-form form .message p {
	margin-bottom: 0.6em;
}

#overlay #overlay-form form .message ul {
}

#overlay #overlay-form form .message ul li {
	list-style: disc;
}

#overlay .overlay-form-media {
	border-bottom: 1px solid #c2c2c2;
	margin: 0 0 1.5em;
}

#overlay .overlay-form-media .onglets {
	background: url("../img/interface/bg-recherche-onglets.gif") repeat-x bottom left;
	margin: 0 0 1em;
	font-size: 115%;
	text-transform: uppercase;
}

#overlay .overlay-form-media .onglets li {
	float: left;
	border-bottom: 1px solid #c2c2c2;
}

#overlay .overlay-form-media .onglets li.active {
	border-bottom: none;
	border-top: 1px solid #c2c2c2;
}

#overlay .overlay-form-media .onglets li a {
	float: left;
	display: block;
	padding: 10px 14px;
	font-weight: bold;
	background: #fff;
	outline: none;
}

#overlay .overlay-form-media .onglets li.active a {
	background: none;
	background: #f3f3f3;
}

#overlay .overlay-form-media .overlay-form-media-video,
#overlay .overlay-form-media .overlay-form-media-image {
	padding: 0 10px 15px;
}

#overlay .overlay-form-media .overlay-form-media-video {
	display: none;
}

#overlay .overlay-form-media label {
	display: block;
	margin: 0 0 0.5em;
	font-size: 110%;
}

#overlay .overlay-form-media .fichier {
	display: block;
	font-weight: bold;
	font-size: 110%;
}

#overlay .overlay-form-media #h-image-titre,
#overlay .overlay-form-media #h-video-url {
	padding: 8px;
	background: #fff;
	border: none;
	border-bottom: 1px solid #c2c2c2;
	width: 420px;
	font-size: 120%;
}

/*}}}*/

/* @section Résultats de recherche {{{
******************************************************************************/

body.template-recherche #userbar {
	background-color: #f3f3f3;
}

body.template-recherche #contenu-principal {
	background: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 5px 0 10px;
}

body.template-recherche #resultats {
	width: 745px;
	float: left;
}

body.template-recherche #resultats header {
	position: relative;
}

body.template-recherche #resultats h1 {
	font-size: 270%;
	font-weight: normal;
	color: #003346;
	padding: 0 0 21px;
}

body.template-recherche #resultats header p.total {
	float: right;
	padding: 15px 0 0 0;
	margin: 0;
}

body.template-recherche #resultats header p.proposer {
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
}

body.template-recherche #resultats header p.proposer a {
	display: block;
	float: right;
	background: #00b2d8;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
}

body.template-recherche #resultats header p.proposer a span {
	background: url("../img/interface/ico-plus.gif") no-repeat 0 50%;
	padding: 0 0 0 18px;
}

body.template-recherche #resultats header ul {
	margin: 0 0 1em;
	background: url("../img/interface/bg-recherche-onglets.gif") repeat-x bottom left;
}

body.template-recherche #resultats header ul li {
	float: left;
}

body.template-recherche #resultats header ul li strong,
body.template-recherche #resultats header ul li a {
	display: block;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 13px;
}

body.template-recherche #resultats header ul li strong {
	background: url("../img/interface/bg-recherche-onglet-actif.gif") no-repeat top right;
	color: #000000;
}

body.template-recherche #resultats header ul li a {
	background: url("../img/interface/bg-recherche-onglet.gif") no-repeat bottom right;
}

body.template-recherche #resultats ul.liste-resultats {
	margin: 0 0 1em;
	border-bottom: 1px solid #fff;
}

body.template-recherche #resultats ul.liste-resultats h2 {
	color: #003346;
	text-transform: uppercase;
	font-size: 115%;
	margin: 0 0 0.9em;
}

body.template-recherche #resultats ul.liste-resultats li {
	height: 1%;
}

body.template-recherche #resultats ul.liste-resultats li ul {
	border: none;
	margin: 0;
}

body.template-recherche #resultats ul.liste-resultats li ul li {
	padding: 15px 0 5px 40px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e3e3e3;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}

body.template-recherche #resultats ul.liste-resultats li ul li span {
	font-weight: normal;
	color: #999;
}

body.template-recherche #resultats ul.liste-resultats li ul li.premier {
	border-top: none;
}

body.template-recherche #resultats ul.liste-resultats li ul li h3 {
	font-size: 115%;
	margin: 0 0 5px;
}

body.template-recherche #resultats ul.liste-resultats li ul li.emission { background: url("../img/interface/ico-emission.png") no-repeat 0 7px; }
body.template-recherche #resultats ul.liste-resultats li ul li.artisan { background: url("../img/interface/ico-artisan.png") no-repeat 0 12px; }
body.template-recherche #resultats ul.liste-resultats li ul li.personnage { background: url("../img/interface/ico-artisan.png") no-repeat 0 12px; }

body.template-recherche #resultats ul.pagination {
	margin: 2em 0 1.5em;
}

body.template-recherche #resultats ul.pagination li {
	float: left;
	padding: 0 2px 0 0;
}

body.template-recherche #resultats ul.pagination li span,
body.template-recherche #resultats ul.pagination li a {
	float: left;
	display: block;
	width: 23px;
	height: 23px;
	background: #e3e3e3;
	color: #00b2d8;
	outline: none;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
}

body.template-recherche #resultats ul.pagination li.active a {
	background: #fff;
}

body.template-recherche #resultats ul.pagination li.prev span,
body.template-recherche #resultats ul.pagination li.prev a,
body.template-recherche #resultats ul.pagination li.next span,
body.template-recherche #resultats ul.pagination li.next a {
	background: url("../img/interface/btn-pagination.gif") no-repeat top left;
	text-indent: -9999px;
}

body.template-recherche #resultats ul.pagination li.prev a { background-position: bottom right; }
body.template-recherche #resultats ul.pagination li.next span { background-position: bottom left; }
body.template-recherche #resultats ul.pagination li.next a { background-position: top right; }

body.template-recherche #annonces {
	width: 160px;
	float: right;
}

/*}}}*/

/* @section Inscription {{{
******************************************************************************/

body.template-inscription #userbar {
	background-color: #f3f3f3;
}

body.template-inscription #contenu-principal {
	background: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 5px 0 30px;
}

body.template-inscription #contenu-principal header {
	border-bottom: 1px solid #fff;
	margin: 0 0 1.5em;
}

body.template-inscription #contenu-principal header h1 {
	font-size: 270%;
	font-weight: normal;
	color: #003346;
	border-bottom: 1px solid #c2c2c2;
	padding: 0 0 12px;
}

body.template-inscription #contenu-principal header h2 {
	font-size: 170%;
	font-weight: normal;
	color: #003346;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c2c2c2;
	padding: 12px 0 12px;
}

body.template-inscription #contenu-principal .texte {
	float: left;
	width: 300px;
	color: #003346;
	font-size: 140%;
}

body.template-inscription #contenu-principal .texte h3 {
	width: 245px;
	height: 55px;
	background: url("../img/interface/bg-inscription-titre.gif") no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 14px;
}

body.template-inscription #contenu-principal .formulaire {
	float: right;
	width: 508px;
	padding: 0 83px 0 0;
}

body.template-inscription #contenu-principal .formulaire h3 {
	margin: 0 0 14px;
	color: #003346;
	font-size: 140%;
	font-weight: normal;
}

body.template-inscription #contenu-principal .formulaire form ul.champs {
	margin: 0;
}

body.template-inscription #contenu-principal .formulaire form ul.champs li {
	float: left;
	width: 240px;
	margin: 0 0 22px;
}

body.template-inscription #contenu-principal .formulaire form ul.champs li.gauche {
	padding: 0 28px 0 0;
}

body.template-inscription #contenu-principal .formulaire form ul.champs li label {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	color: #838383;
	margin: 0 0 4px;
	display: block;
}

body.template-inscription #contenu-principal .formulaire form .note {
	font-size: 90%;
	margin: 0 0 1.4em;
}

body.template-inscription #contenu-principal .formulaire form .note em,
body.template-inscription #contenu-principal .formulaire form ul.champs li label em.o {
	color: #dc8c30;
	margin: 0 0 0 4px;
	font-size: 120%;
	font-family: Tahoma, Arial, sans-serif;
	font-style: normal;
	line-height: 1;
}

body.template-inscription #contenu-principal .formulaire form ul.champs li input.texte {
	display: block;
	background: #e3e3e3;
	border: none;
	padding: 4px;
	width: 232px;
	border-bottom: 1px solid #fff;
}

body.template-inscription #contenu-principal .formulaire form ul.champs li.checkbox label {
	text-transform: none;
	padding: 5px 0 0 0;
	margin: 0 0 0 24px;
}

body.template-inscription #contenu-principal .formulaire form ul.champs li input.checkbox {
	float: left;
}

body.template-inscription #contenu-principal .formulaire form ul.champs li select {
	margin: 0 4px 0 0;
}

body.template-inscription #contenu-principal .formulaire form .message {
	padding: 15px 15px 1px;
	margin: 0 0 2em;
}

body.template-inscription #contenu-principal .formulaire form .message ul li {
	list-style: disc;
}

body.template-inscription #contenu-principal .formulaire form .message-erreur {
	background: #a00;
	color: #fff;
}

body.template-inscription #contenu-principal .formulaire form .message-succes {
	background: #A9BC2B;
	color: #fff;
}

body.template-inscription #contenu-principal .demandes {
	clear: both;
	padding: 2em 0 0 0;
	margin: 0 0 0 359px;
}

body.template-inscription #contenu-principal .demandes h2 {
	font-weight: normal;
	font-size: 140%;
	color: #003346;
	margin: 0 0 0.8em 0;
}

body.template-inscription #contenu-principal .demandes table {
	width: 100%;
}

body.template-inscription #contenu-principal .demandes table td,
body.template-inscription #contenu-principal .demandes table th {
	padding: 6px 7px;
}

body.template-inscription #contenu-principal .demandes table th {
	border-right: 1px solid #f3f3f3;
	background: #ffffff;
	color: #838383;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

body.template-inscription #contenu-principal .demandes table td {
	border-bottom: 1px solid #c2c2c2;
	border-top: 1px solid #fff;
	padding-top: 8px;
	padding-bottom: 8px;
}

body.template-inscription #contenu-principal .demandes table td.attente span,
body.template-inscription #contenu-principal .demandes table td.accepte span,
body.template-inscription #contenu-principal .demandes table td.refuse span {
	background: url("../img/interface/ico-refuse.gif") no-repeat 100% 50%;
	padding: 2px 28px 2px 0;
	margin-right: -20px;
	font-style: italic;
}

body.template-inscription #contenu-principal .demandes table td.accepte span {
	background-image: url("../img/interface/ico-accepte.gif");
}

body.template-inscription #contenu-principal .demandes table td.attente span {
	background-image: url("../img/interface/ico-attente.gif");
}

body.template-inscription #contenu-principal .statistiques {
	clear: both;
	padding: 2em 0 0 0;
	margin: 0 0 0 359px;
}

body.template-inscription #contenu-principal .statistiques h2 {
	font-weight: normal;
	font-size: 140%;
	color: #003346;
	margin: 0 0 0.8em 0;
}

body.template-inscription #contenu-principal .statistiques table {
	font-size: 110%;
}

body.template-inscription #contenu-principal .statistiques table td,
body.template-inscription #contenu-principal .statistiques table th {
	padding: 3px 0;
}

body.template-inscription #contenu-principal .statistiques table th {
	text-align: left;
	padding-right: 10px;
}


/*}}}*/

/* @section Inscription à la liste d’envoi {{{
******************************************************************************/

body.section-inscription-liste-envoi {
}

body.section-inscription-liste-envoi #contenu-principal form {
	border-top: 1px solid #e3e3e3;
	padding: 16px 0 0 0;
}

body.section-inscription-liste-envoi #contenu-principal .message {
	padding: 12px 15px 1px;
	margin: 0 0 2em;
	text-shadow: none;
	font-size: 90%;
	float: left;
}

body.section-inscription-liste-envoi #contenu-principal .message ul {
	margin-left: 20px;
}

body.section-inscription-liste-envoi #contenu-principal .message ul li {
	list-style: disc;
}

body.section-inscription-liste-envoi #contenu-principal .message-erreur {
	background: #a00;
	color: #fff;
}

body.section-inscription-liste-envoi #contenu-principal .message-succes {
	background: #A9BC2B;
	color: #fff;
}

body.section-inscription-liste-envoi #contenu-principal form input {
	display: block;
	background: #e3e3e3;
	border: none;
	padding: 4px;
	width: 201px;
	border-bottom: 1px solid #fff;
	float: none;
	margin: 0 0 9px;
}

body.section-inscription-liste-envoi #contenu-principal form label {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	color: #838383;
	margin: 0 0 4px;
	display: block;
}

body.section-inscription-liste-envoi #contenu-principal form button {
	background: #00B2D8;
	color: #fff;
	border: none;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 10px;
}

/*}}}*/

/* @section Proposer une émission {{{
******************************************************************************/

body.template-proposer #userbar {
	background-color: #f3f3f3;
}

body.template-proposer #contenu-principal {
	background: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 5px 0 30px;
}

body.template-proposer #contenu-principal header {
	border-bottom: 1px solid #fff;
	margin: 0 0 1.5em;
}

body.template-proposer #contenu-principal header h1 {
	font-size: 270%;
	font-weight: normal;
	color: #003346;
	border-bottom: 1px solid #c2c2c2;
	padding: 0 0 12px;
}

body.template-proposer #contenu-principal .texte {
	float: left;
	width: 300px;
	color: #003346;
	font-size: 140%;
}

body.template-proposer #contenu-principal .texte h3 {
	width: 245px;
	height: 55px;
	background: url("../img/interface/bg-inscription-titre.gif") no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 14px;
}

body.template-proposer #contenu-principal .formulaire {
	float: right;
	width: 586px;
}

body.template-proposer #contenu-principal .formulaire h2 {
	margin: 0 0 14px;
	color: #003346;
	font-size: 140%;
	font-weight: normal;
}

body.template-proposer #contenu-principal .formulaire form ul.champs {
	margin: 0;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li {
	margin: 0 0 22px;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li.gauche {
}

body.template-proposer #contenu-principal .formulaire form ul.champs li label {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	color: #838383;
	margin: 0 0 4px;
	display: block;
}

body.template-proposer #contenu-principal .formulaire form ul.champs .checkboxes {
	margin: 0 0 1em;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li.checkbox {
	width: 170px;
	padding: 0 10px 0 0;
	float: left;
	overflow: hidden;
	margin: 0;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li.checkbox input {
	float: left;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li.checkbox label {
	text-transform: none;
	font-size: 100%;
	font-weight: normal;
	margin: 2px 0 0 24px;
	display: block;
	float: none;
}

body.template-proposer #contenu-principal .formulaire form .note {
	font-size: 90%;
	margin: 0 0 1.4em;
}

body.template-proposer #contenu-principal .formulaire form .note em,
body.template-proposer #contenu-principal .formulaire form ul.champs li label em.o {
	color: #dc8c30;
	margin: 0 0 0 4px;
	font-size: 120%;
	font-family: Tahoma, Arial, sans-serif;
	font-style: normal;
	line-height: 1;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li textarea,
body.template-proposer #contenu-principal .formulaire form ul.champs li input.texte {
	display: block;
	background: #e3e3e3;
	border: none;
	padding: 4px;
	width: 501px;
	border-bottom: 1px solid #fff;
	float: none;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li input.moyen {
	width: 301px;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li input.inline {
	width: 30px;
	display: inline;
}

body.template-proposer #contenu-principal .formulaire form ul.champs li select {
	margin: 0 4px 0 0;
}

body.template-proposer #contenu-principal .formulaire form .message {
	padding: 15px 15px 1px;
	margin: 0 0 2em;
}

body.template-proposer #contenu-principal .formulaire form .message ul li {
	list-style: disc;
}

body.template-proposer #contenu-principal .formulaire form .message-erreur {
	background: #a00;
	color: #fff;
}

body.template-proposer #contenu-principal .formulaire form .message-succes {
	background: #A9BC2B;
	color: #fff;
}

/*}}}*/

/* @section Erreur 404 {{{
******************************************************************************/

body.template-erreur404 #userbar {
	background-color: #f3f3f3;
}

body.template-erreur404 #contenu-principal {
	background: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 30px 0 30px;
	text-shadow: 1px 1px 0 #fff;
}

body.template-erreur404 #contenu-principal h1 {
	font-size: 270%;
	font-weight: normal;
	color: #003346;
	margin: 0 0 12px;
}

body.template-erreur404 #contenu-principal p {
	line-height: 1.6;
}

/*}}}*/

/* @section Blogue {{{
******************************************************************************/

body.template-blogue #userbar {
	background-color: #f3f3f3;
}

body.template-blogue #contenu-principal {
	background: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 5px 0 30px;
	text-shadow: 1px 1px 0 #fff;
}

body.template-blogue .entete-blogue {
	width: 745px;
	border-bottom: 1px solid #fff;
}

body.template-blogue .entete-blogue h1 {
	font-size: 270%;
	font-weight: normal;
	color: #003346;
	border-bottom: 1px solid #c2c2c2;
	padding: 0 0 12px;
}

body.template-blogue .entete-blogue p {
	float: right;
	margin: 0;
	padding: 12px 0 0 0;
	width: 200px;
}

body.template-blogue .entete-blogue p a {
	display: block;
	float: right;
	background: url("../img/interface/ico-rss-grand.jpg") no-repeat bottom right;
	padding: 7px 34px 5px 4px;
	color: #3f3f3f;
}

body.template-blogue #contenu-gauche {
	float: left;
	width: 745px;
	padding: 17px 0 0 0;
}

body.template-blogue #blogue {
	width: 523px;
	float: right;
}

body.template-blogue #sidebar {
	float: left;
	width: 200px;
}

body.template-blogue #sidebar .blogue-bloc {
	margin: 0 0 2.5em;
}

body.template-blogue #sidebar .blogue-bloc h2 {
	font-weight: normal;
	color: #003346;
	font-size: 170%;
	background: url("../img/interface/bg-blogue-sep.jpg") no-repeat bottom left;
	padding: 0 0 17px 0;
	margin: 0 0 8px;
}

body.template-blogue #sidebar .blogue-bloc ul {
	margin: 0;
	font-size: 110%;
	font-weight: bold;
	background: url("../img/interface/bg-blogue-sep.jpg") no-repeat bottom left;
	padding: 0 0 11px;
}

body.template-blogue #sidebar .blogue-bloc ul li {
	margin: 0 0 10px;
}

body.template-blogue #blogue article {
	border-bottom: 1px solid #fff;
	height: 1%;
	margin: 0 0 2em;
}

body.template-blogue #blogue article .article-inner {
	border-bottom: 1px solid #c2c2c2;
	padding: 0 0 10px;
	height: 1%;
}

body.template-blogue #blogue article h2 {
	font-size: 220%;
	margin: 0 0 9px;
}

body.template-blogue #blogue article header p {
	background: #e3e3e3;
	float: left;
	margin: 0 0 1em -8px;
	position: relative;
	padding: 6px 8px 5px 8px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 80%;
}

body.template-blogue #blogue article .contenu-texte {
	font-size: 110%;
}

body.template-blogue #blogue article p.commentaires {
	text-transform: uppercase;
}

body.template-blogue #blogue article p.commentaires a {
	float: left;
}

body.template-blogue #blogue article p.commentaires span {
	float: left;
	display: block;
	padding: 10px 0 0 2px;
	font-size: 85%;
	font-weight: bold;
}

body.template-blogue #blogue article p.commentaires a strong {
	width: 40px;
	height: 37px;
	text-shadow: none;
	color: #fff;
	text-align: center;
	line-height: 32px;
	background: url("../img/interface/ico-commenter.gif") no-repeat left top;
	display: block;
	float: left;
}

body.template-blogue #blogue #commentaires {
	border-bottom: 1px solid #fff;
	margin: 0 0 1.2em;
}

body.template-blogue #blogue #commentaires h2 {
	margin: 0 0 14px;
}

body.template-blogue #blogue #commentaires h2 strong {
	width: 40px;
	height: 37px;
	text-shadow: none;
	color: #fff;
	text-align: center;
	line-height: 32px;
	background: url("../img/interface/ico-commenter.gif") no-repeat left top;
	display: block;
	float: left;
}

body.template-blogue #blogue #commentaires h2 span {
	color: #003346;
	float: left;
	padding: 4px 0 0 5px;
	font-size: 165%;
	font-weight: normal;
}

body.template-blogue #blogue #commentaires .commentslist {
	border-bottom: 1px solid #c2c2c2;
	margin: 0;
}

body.template-blogue #blogue #commentaires .commentslist li {
	margin: 0 0 1em;
}

body.template-blogue #blogue #commentaires .commentslist .comment-meta {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 85%;
}

body.template-blogue #blogue #commentaires .commentslist .comment-contenu {
}

body.template-blogue #blogue #commentaires .commentslist .comment-contenu .avatar {
	float: left;
	width: 53px;
}

body.template-blogue #blogue #commentaires .commentslist .comment-contenu .contenu-texte {
	font-size: 110%;
	font-family: Georgia, serif;
	font-style: italic;
	/*margin: 0 0 0 53px;*/
	margin: 0 0 0 0;
}

body.template-blogue #commenter h2 {
	color: #003346;
	font-size: 165%;
	font-weight: normal;
	margin: 0 0 13px;
}

body.template-blogue #commenter .message {
	margin: 0 0 0.9em;
	background: #a00;
	color: #fff;
	font-size: 90%;
	padding: 13px 13px 2px;
}

body.template-blogue #commenter form {
	text-shadow: none;
}

body.template-blogue #commenter form ul {
	margin: 0;
}

body.template-blogue #commenter form li {
	margin: 0 0 0.9em;
}

body.template-blogue #commenter form li label {
	text-transform: uppercase;
	color: #838383;
	font-size: 80%;
	font-weight: bold;
}

body.template-blogue #commenter form li textarea,
body.template-blogue #commenter form li input {
	margin: 5px 0 0 0;
	display: block;
	background: #e3e3e3;
	border: none;
	padding: 5px;
	border-bottom: 1px solid #fff;
}

body.template-blogue #commenter form li input {
	width: 300px;
}

body.template-blogue #commenter form .bouton {
	text-align: right;
}

body.template-blogue #commenter form .bouton button {
	border: none;
	padding: 0;
	background: none;
}

body.template-blogue #annonces {
	width: 160px;
	float: right;
}

/*}}}*/

/* @section Pages statiques {{{
******************************************************************************/

body.template-statique #userbar {
	background-color: #f3f3f3;
}

body.template-statique #contenu-principal {
	background: #f3f3f3;
	border-bottom: 2px solid #e3e3e3;
	padding: 0 0 30px;
	text-shadow: 1px 1px 0 #fff;
}

body.template-statique #contenu-principal h1 {
	font-size: 270%;
	font-weight: normal;
	color: #003346;
	margin: 0 0 12px;
}

/*}}}*/

/* @section Communs {{{
******************************************************************************/

ul.pagination {
	margin: 2em 0 1.5em;
	text-shadow: none;
}

ul.pagination li {
	float: left;
	padding: 0 2px 0 0;
}

ul.pagination li span,
ul.pagination li a {
	float: left;
	display: block;
	width: 23px;
	height: 23px;
	background: #e3e3e3;
	color: #00b2d8;
	outline: none;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
}

ul.pagination li.active a {
	background: #fff;
}

ul.pagination li.prev span,
ul.pagination li.prev a,
ul.pagination li.next span,
ul.pagination li.next a {
	background: url("../img/interface/btn-pagination.gif") no-repeat top left;
	text-indent: -9999px;
}

ul.pagination li.prev a { background-position: bottom right; }
ul.pagination li.next span { background-position: bottom left; }
ul.pagination li.next a { background-position: top right; }

.filariane {
	padding: 0 0 13px;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #3f3f3f;
	text-shadow: 1px 1px 0 #fff;
}

.filariane-haut {
	background: url("../img/interface/bg-filariane-haut.gif") no-repeat bottom left;
	margin: 0 0 10px;
}

.filariane-bas {
	padding: 26px 0 0;
	border-top: 1px solid #fff;
	background: #e3e3e3;
}

body.template-artisan .filariane-bas,
body.template-emission .filariane-bas {
	border-top: none;
}

.filariane-bas p {
	margin: 0 auto;
	width: 950px;
}

.contenu-texte {
	font-size: 110%;
}

.contenu-texte .intro {
	border-bottom: 1px solid #c2c2c2;
	padding: 0 0 15px;
	margin: 0 0 10px;
}

.contenu-texte .intro h2 {
	margin-top: 0;
}

.contenu-texte h2 {
	font-size: 170%;
	font-weight: normal;
	color: #003346;
	margin: 1em 0 0.6em;
	line-height: 1.4;
}

.contenu-texte h3 {
	font-size: 130%;
	font-weight: bold;
	color: #003346;
	margin: 1.6em 0 0.6em;
}

.contenu-texte h3.premier {
	margin-top: 0.8em;
}

/*}}}*/

/* @section Nous joindre {{{
******************************************************************************/

body.section-nous-joindre #contenu-principal form {
	padding: 10px 0 0 0;
}

body.section-nous-joindre #contenu-principal form ul {
	margin: 0;
}

body.section-nous-joindre #contenu-principal form ul li {
	margin: 0 0 1.3em;
}

body.section-nous-joindre #contenu-principal form textarea,
body.section-nous-joindre #contenu-principal form input {
	display: block;
	background: #e3e3e3;
	border: none;
	padding: 4px;
	width: 201px;
	border-bottom: 1px solid #fff;
	float: none;
	margin: 0 0 9px;
}

body.section-nous-joindre #contenu-principal form textarea {
	width: 501px;
}

body.section-nous-joindre #contenu-principal form label {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	color: #838383;
	margin: 0 0 4px;
	display: block;
}

body.section-nous-joindre #contenu-principal form button {
	background: #00B2D8;
	color: #fff;
	border: none;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 10px;
}

body.section-nous-joindre #contenu-principal form .message {
	padding: 12px 15px 1px;
	margin: 0 0 2em;
	text-shadow: none;
	font-size: 90%;
	float: left;
}

body.section-nous-joindre #contenu-principal form .message ul {
	margin-left: 20px;
}

body.section-nous-joindre #contenu-principal form .message ul li {
	list-style: disc;
}

body.section-nous-joindre #contenu-principal form .message-erreur {
	background: #a00;
	color: #fff;
}

body.section-nous-joindre #contenu-principal form .message-succes {
	background: #A9BC2B;
	color: #fff;
}

/*}}}*/