/*
	Rémy Savard [iXmedia.com]
	global.css - Mise en page
	Dernière modification: 25 octobre 09
------------------------------------------------- */

@import url("reset.css"); /* Éric Meyer's Reset */

/*
 * @section Basic
******************************************************************************/
* {margin: 0; padding: 0;}
html, body {height:100%;}
html {font-size: 62.5%;}
body {
	background:#e5e3de url(../img/bg-body.jpg) repeat-x left top;
	color:#686254;
	font-size:1.2em;
	line-height:1.4;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url("csshover3.htc");
}
a, a:visited {color:#f15a2a;font-weight: bold; text-decoration:underline;}
a:hover, a:active {text-decoration:underline;}
a img {border: none;}
a.external { padding-right:15px; background: url() no-repeat right center transparent; }
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p, ul, ol, dl, table {margin:0 0 1em 0;}
ul, ol, dd {margin-left: 2.5em;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}

/* Tooltip {{{ */
h1.tooltip, h2.tooltip { display: inline-block; }

p#tooltip-i {
  position: absolute;
  color: #333;
  z-index: 3000;
  background: #D8D7D3;
  padding: 10px 25px 10px;
  width: 500px;
  border: 1px solid #e6e6e6;
  font-size: 120%;
  -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
/* }}} */

.alignleft { float: left; }
.alignright { float: right; }

/* @GROUPE {{{ */
.groupe:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;font-size:0; } 

.groupe {display: inline-block;}

/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */

/* }}} */

body.template-page-repertoires p.haut { width: inherit; }

/* [ Formulaires ] -------------------*/

div#fix {
	position:absolute;
	top:430px;
	right:19px;
}
*html #fix { position:static; }

#enrobage {
	background:url(../img/bg-enrobage2.gif) repeat-y center top;
}

#enrobage2 {
	background:url(../img/fonds/fond-1.jpg) no-repeat center top;
}

#page {
	margin:0 auto;
	padding:0 25px 184px;
	width:940px;
	position:relative;
}

#entete {
	height:274px;
	margin-bottom:15px;
	position:relative;
	z-index: 3000;
}

#logo {
	background:url(../img/logo-rire.png) no-repeat center center;
	display:block;
	height:131px;
	position:absolute;
	left:35px; top:55px;
	width:351px;
}

* html #logo {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wordpress/wp-content/themes/rire/img/logo-rire.png",sizingMethod="scale");
	background: none;
}

#logo img {
	display:none;
}

#entete div {
	background:#686254;
	position:absolute;
	left:0; bottom:0;
	width:100%;
}

#menu {
	margin:0;
	float:left;
	font-weight: bold;
}

#menu li {
	float:left;
	position: relative;
}

#menu li a, #menu li a:visited {
	border-right:3px solid #dcdad4;
	color:#fff;
	float:left;
	height:45px;
	line-height:45px;
	padding:0 13px;
	text-decoration:none;
}

#menu li.sous-menu a {
	background:url(../img/bg-sous-menu.gif) no-repeat 100% 50%;
}

#menu li:hover a,
#menu li a:hover {
	background-color: #34312A;
}

#menu li.active a {
	background:#f15a2a;
}

#menu li.sous-menu {
	position:relative;
}

#menu li.sous-menu-active a {
	background:#f15a2a url(../img/bg-sous-menu.gif) no-repeat 100% 50%;
	padding-right:36px;
}

#menu li.sous-menu a, #menu li.sous-menu a:visited {
	padding-right:36px;
}

#menu li ul {
	background:#686254;
	margin:0;
	position:absolute;
	left:-9999px; top:45px;
	width: 300px;
	padding: 7px 0;
}

#menu li:hover ul {
	left: 0;
}

#menu li ul li {
	float: none;
}

#menu li ul a, #menu li ul a:visited {
	border:none;
	height:auto;
	line-height:1;
	padding: 4px 13px;
	float: none;
	display: block;
	background: none !important;
}

#menu li ul a:hover {
	background-color: #34312A !important;
}

#formulaireRecherche {
	background:#fff;
	float:right;
	position:relative;
	right:7px; top:7px;
}

#formulaireRecherche input {
	background:#34312a;
	border:none;
	color:#fff;
	float:left;
	height:20px;
	margin-right:1px;
	padding:7px 0 5px 10px;
	width:160px;
}
	.ac_results {
		padding: 0px;
		border: 1px solid black;
		background-color: white;
		overflow: hidden;
		z-index: 99999;
	}

	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: default;
		display: block;
		font-size:1em;
		line-height: 16px;
		overflow: hidden;
	}

	.ac_loading {
		background: white url('indicator.gif') right center no-repeat;
	}

	.ac_odd {background-color: #eee;}

	.ac_over {
		background-color: #34312A;
		color: white;
	}
	
#formulaireRecherche button {
	background:url(../img/bg-loupe.gif) no-repeat center center;
	border:none;
	cursor:pointer;
	display:block;
	float:left;
	height:32px;
	text-indent:-9999px;
	width:37px;
}


/*
 * @section Pied
******************************************************************************/
#pied {
	background:#e5e3de;
	border:1px solid #bfbcb4;
	clear:both;
	height:165px;
	margin:-167px auto 50px;
	width:990px;
}

#pied .haut {
	background:url(../img/bg-pied.jpg) repeat-x left top;
	border-bottom:1px solid #bfbcb4;
	border-left:3px solid #e5e3de;
	border-right:3px solid #e5e3de;
	border-top:3px solid #e5e3de;
	height:118px;
	position:relative;
}

#pied .haut a {
	background:url(../img/logo-rire-pied.png) no-repeat center center;
	display:block;
	float:left;
	height:69px;
	position:absolute;
	left:31px; top:16px;
	text-indent:-9999px;
	width:184px;
}

#pied .haut p {
	position:absolute;
	left:301px; top:20px;
	width: 640px;
	font-size: 95%;
}

#pied .bas {
	height:43px;
	position:relative;
}

#pied .bas ul {
	margin:0;
	position:absolute;
	left:34px; top:14px;
}

#pied .bas ul li {
	float:left;
	border-right: 1px solid #686254;
	margin-right: 6px;
	padding-right: 6px;
	line-height: 1.1;
}

#pied .bas ul li.dernier {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#pied .bas ul li a {
	text-decoration: none;
}

#pied .bas ul li.active a {
	color: #f15a29;
}


#pied .bas #questions {
	position:absolute;
	right:25px; top:13px;
	margin: 0;
	font-size: 115%;
}

#pied .bas #questions a {
	text-decoration: none;
}


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

body.template-accueil .colonne-principale {
	float:left;
	margin:0 20px;
	width:460px;
}

body.template-accueil .colonne-secondaire {
	float:left;
	width:260px;
}

body.template-accueil .colonne-tertiaire {
	float:left;
	width:180px;
}

#mdeie { display: block; margin: 20px 0; }
#synaptic { display: block; }

body.template-accueil #journal-developpement {
	background:url(../img/bg-journal-developpement.jpg) no-repeat center center;
	display:block;
	height:90px;
	text-indent:-9999px;
	width:260px;
}

body.template-accueil .actualites h2,
body.template-accueil .colonne-tertiaire h2,
body.template-accueil .colonne-secondaire h2 {
	font-size: 160%;
	letter-spacing: -0.02em;
	padding: 0 12px 2px;
	margin-top: 5px;
}

body .abonnement h2 {
	font-size: 160%;
	letter-spacing: -0.02em;
	padding: 0 12px 2px;
	margin-top: 5px;
	margin-bottom: 0 !important;
}
 
body .abonnement div {
	margin: 0 0 22px;
	background: #d8d7d3;
	padding: 12px;
}

body .abonnement div p {
	margin: 0 0 0.7em;
}

body .abonnement div p.bouton {
	margin-bottom: 0;
}

body .abonnement div p.bouton a {
	float: left;
	background: #F15A2A;
	color: #fff;
	padding: 4px 9px;
	text-decoration: none;
	font-weight: bold;
}

body.template-accueil div#sondage {
	background: #fff url('../img/bg-sondage.png') no-repeat 0 0;
/*	width: 241px;*/
	height: 86px;
	padding: 2px 10px;
	position: relative;
	margin-bottom: 23px;
}

	div#sondage h2 {
		font-size: 2em;
		padding: 0;
		margin-left: 17px;
	}
	
	div#sondage span {
		color: #f15a2a;
		font-size: 1.5em;
		margin-left: 17px;
		position: relative;
		top: -3px;
		width: 200px;
		display: block;
		line-height: 22px;
	}
	
	div#sondage a {
		text-decoration: none;
		color: #686254;
		background: transparent url('../img/ico-fleche-blanche.gif') no-repeat center left;
		padding-left: 15px;
		position: absolute;
		bottom: 10px;
		right: 15px;
	}

body.template-accueil .quoideneuf { margin: 0 0 22px; }
body.template-accueil .quoideneuf h2 { font-size: 140%; }

body.template-accueil .quoideneuf .quoideneuf-inner { border: 1px solid #d9d8d4; }

body.template-accueil .quoideneuf ul {
	margin: 0;
	padding: 0;
}

body.template-accueil .quoideneuf ul li {
	padding: 12px 9px 1px;
	margin: 0 3px;
	border-bottom: 1px solid #b3b0a9;
}

body.template-accueil .quoideneuf ul li.dernier {
	border-bottom: none;
}

body.template-accueil .quoideneuf ul li h3 {
	font-size: 130%;
	line-height: 1.2;
	margin-bottom: 0.4em;
}

body.template-accueil .quoideneuf ul li h3 a {
	color: #686254;
	text-decoration: none;
}

body.template-accueil .quoideneuf .plus a {
	margin: 0 3px 3px 0;
}

body.template-accueil .journal-developpement p {
	margin: 0;
}

body.template-accueil .journal-developpement h3 {
	font-size: 110%;
	margin: 0 0 5px;
}

body.template-accueil .journal-developpement div.texte {
  background: #D8D7D3;
	padding: 12px 12px 12px;
	font-size: 90%;
}

body.template-accueil .journal-developpement p.texte strong {
	display: block;
}

body.template-accueil .vedette {
	margin: 0 0 25px;
}

body.template-accueil .vedette h1 {
	font-size: 200%;
	letter-spacing: -0.02em;
	padding: 0 12px 0px;
}

body.template-accueil .vedette-contenu {
	padding:19px 4px 4px 21px;
}

body.template-accueil .vedette-contenu h2 {
	font-size: 140%;
	margin-bottom: 0.5em;
	line-height: 1.2;
}

body.template-accueil .vedette-contenu h2 a {
	color: #f15a29;
	text-decoration: none;
}
.vedette img {border:1px solid #f15a29;float:left;margin-right:18px;margin-bottom:18px;}

body.template-accueil .vedette .vedette-viewport {
	position: relative;
	width: 458px;
	overflow: hidden;
	border:1px solid #f15a29;
}

body.template-accueil .vedette .vedette-viewport ul {
	margin: 0;
	position: absolute;
	width: 9999px;
}

body.template-accueil .vedette .vedette-viewport li {
	float: left;
}

body.template-accueil .vedette .vedette-viewport .vedette-contenu {
	width: 433px;
}

body.template-accueil .vedette .nav {
	margin: 0;
	position: relative;
}

body.template-accueil .vedette .nav li {
}

/*body.template-accueil .vedette .nav li.prev {
	float: left;
}

body.template-accueil .vedette .nav li.next {
	float: right;
}*/

body.template-accueil .vedette .nav li.prev {
	float: right;
}

body.template-accueil .vedette .nav li.next {
	float: left;
}

body.template-accueil .vedette .nav li a {
	display: block;
	background: #F15A28;
	color: #fff;
	font-weight: bold;
	padding: 3px 9px;
	text-decoration: none;
}

body.template-accueil .vedette .nav li.inactive a {
	background: #facbbb;
}

body.template-accueil .vedette .nav li.next a {
	float: left;
}

body.template-accueil .vedette .nav li.prev a {
	float: left;
}

body.template-accueil .vedette .nav li.tous {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align: center;
}

body.template-accueil .vedette .nav li.tous a {
	font-weight: normal;
	text-decoration: underline;
	color: #F15A27;
	background: none;
	display: inline;
}

body.template-accueil .actualites {
}

body.template-accueil .actualites .actualites-inner {
	border: 1px solid #d9d8d4;
	padding: 3px;
}

body.template-accueil .actualites .actualites-inner ul {
	margin: 0 0 12px;
}

body.template-accueil .actualites .actualites-inner ul li {
	border-bottom: 1px solid #d9d8d4;
}

body.template-accueil .actualites .actualites-inner ul li {
	padding: 7px 12px 7px 38px;
	display: block;
	font-size: 110%;
	line-height: 1.1;
	background: url("../img/ico-carre-rouge.gif") no-repeat 16px 12px;
}

body.template-accueil .actualites .actualites-inner ul li.actualite {
	background: url("../img/ico-carre-rouge.gif") no-repeat 16px 12px;
}

body.template-accueil .actualites .actualites-inner ul li.source {
	background: url("../img/ico-carre-rouge-alt.gif") no-repeat 16px 12px;
}

body.template-accueil .actualites .actualites-inner ul li a {
	text-decoration: none;
	font-weight: normal;
}

/*
 * @section Colonne
******************************************************************************/

body.template-repertoires h1 {
	font-size: 180%;
	line-height:1.1em;
	margin-bottom:20px;
}

body.template-repertoires .logo {
	margin: 0 0 1em;
}

body.template-repertoires .logo img {
	max-width: 100%;
}

body.template-repertoires .repertoires {
	border: 1px solid #c9c7c1;
	background: #fff;
}

body.template-repertoires .repertoires-entete {
	background: #efeeeb;
	padding: 14px 45px;
}

body.template-repertoires .repertoires-entete h2 {
	font-size: 140%;
	margin: 0 0 0.4em;
}

body.template-repertoires .barre {
	background: #e1e0dc url("../img/bg-repertoires-barre.gif") repeat-x bottom left;
	padding: 4px 21px 0 26px;
}

body.template-repertoires .barre h3 {
	background: #fff;
	float: left;
	padding: 7px 19px 10px;
	font-size: 150%;
	margin-top: -11px;
}

body.template-repertoires .barre h3 a {
	color: #686254;
	text-decoration: none;
}

body.template-repertoires .barre ul {
	float: right;
	padding: 3px 0 5px 0;
	margin: 0;
}

body.template-repertoires .barre ul li {
	float: left;
	padding-left: 10px;
}

body.template-repertoires .barre ul li a{
	text-decoration:none;
}

body.template-repertoires .barre form {
	float: right;
	margin-bottom: 2px;
}

body.template-repertoires .barre form input {
	float: left;
}

body.template-repertoires .barre form input#repertoire-termes {
	height: 20px;
	width: 200px;
	padding: 4px;
	border: none;
}

body.template-repertoires .repertoires-contenu {
	padding: 12px 26px;
}

body.template-repertoires .repertoires-contenu ul.liste-repertoires {
	margin: 0 0 1.5em;
}

body.template-repertoires .repertoires-contenu ul.liste-repertoires li {
	border-bottom: 1px solid #c9c7c1;
}

body.template-repertoires .repertoires-contenu ul.liste-repertoires .desc {
	padding: 0 0 0 52px;
}

body.template-repertoires .repertoires-contenu ul.liste-repertoires li a.titre {
	position: relative;
	display: block;
	color: #f15a29;
	font-weight: bold;
	text-decoration: none;
	background: url("../img/ico-fleche-brune.gif") no-repeat 20px 17px; 
	padding: 13px 32px 13px 52px;
	font-size: 130%;
}

body.template-repertoires .repertoires-contenu ul.liste-repertoires li a .plus {
	display: block;
	width: 28px;
	height: 28px;
	background: #e4e3e0;
	position: absolute;
	right: 0;
	top: 8px;
	color: #a6a29a;
	line-height: 28px;
	text-align: center;
	font-size: 130%;
}

body.template-repertoires .repertoires-contenu .pagination ul {	
	margin: 0 auto 1em;
}

body.template-repertoires .repertoires-contenu .pagination ul li {
	float: left;
	padding-right: 1px;
	font-size: 125%;
}

body.template-repertoires .repertoires-contenu .pagination ul li.next {
	padding-right: 0;
}

body.template-repertoires .repertoires-contenu .pagination ul li span,
body.template-repertoires .repertoires-contenu .pagination ul li strong,
body.template-repertoires .repertoires-contenu .pagination ul li a {
	background: #e4e3e0;
	color: #f15a29;
	display: block;
	width: 28px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
}

body.template-repertoires .repertoires-contenu .pagination ul li strong {
	color: #686254;
}

body.template-repertoires .repertoires-contenu .pagination ul li span,
body.template-repertoires .repertoires-contenu .pagination ul li.next a,
body.template-repertoires .repertoires-contenu .pagination ul li.prev a {
	height: 28px;
	text-indent: -9999px;
	padding: 0;
}

body.template-repertoires .repertoires-contenu .pagination ul li.prev a { background: url("../img/btn-pagination.gif") no-repeat bottom right; }
body.template-repertoires .repertoires-contenu .pagination ul li.prev-inactive span { background: url("../img/btn-pagination.gif") no-repeat top left; }
body.template-repertoires .repertoires-contenu .pagination ul li.next a { background: url("../img/btn-pagination.gif") no-repeat top right; }
body.template-repertoires .repertoires-contenu .pagination ul li.next-inactive span { background: url("../img/btn-pagination.gif") no-repeat bottom left; }

body.template-repertoires .fiche {
	padding: 20px 40px 20px 45px;
}

body.template-repertoires .fiche .fiche-contenu h3 {
	font-size: 120%;
	margin: 1.3em 0 3px;
}

body.template-repertoires .fiche .fiche-contenu ul {
	margin-left: 20px;
}

body.template-repertoires .fiche .fiche-contenu ul li {
	list-style: disc;
}

body.template-repertoires .fiche .fiche-contenu ul li ul {
	padding: 3px 0;
}

body.template-repertoires .fiche .fiche-contenu ul li ul li {
	list-style: circle;
}

body.template-repertoires .encadre-fonce {
	background: #fafafa;
}

body.template-repertoires .repertoires-entete .repertoire-description-image {
	margin: 0 0 10px 10px;
	display: inline;
}

/*
 * @section Billet
******************************************************************************/

body.template-billet #billet, body.template-page-apropos #billet {
	border: 1px solid #c9c7c1;
}

body.template-billet #billet .hentry, body.template-page-apropos #billet .hentry {
	background: #efeeeb url("../img/bg-degrade-brun.gif") repeat-x bottom left;
	padding: 18px 26px 20px 0;
}

body.template-billet .post-ratings {
	font-size: 90%;
}

body.template-billet .post-ratings .post-ratings-text {
	display: none !important;
}

body.template-billet #billet .hentry .entry-title, body.template-page-apropos #billet .hentry .entry-title {
	font-size: 150%;
	border-bottom: 1px solid #c9c7c1;
	padding: 0 22px 6px 22px;
	margin: 0 0 8px;
}

body.template-billet #billet .hentry .entry-title a, body.template-page-apropos #billet .hentry .entry-title a {
	text-decoration: none;
}

body.template-billet #billet .hentry .entry-meta, body.template-page-apropos #billet .hentry .entry-meta {
	border-bottom: 1px solid #c9c7c1;
	padding: 0 22px 6px 22px;
	margin: 0 0 16px;
}

body.template-billet #billet .hentry .entry-content, body.template-page-apropos #billet .hentry .entry-content {
	padding: 0 22px;
}

body.template-billet #billet .hentry .tags {
	position: absolute;
	top: 10px;
	left: 22px;
	text-align: left;
	width: 300px;
	line-height: 1.4;
}

body.template-billet #billet .hentry .alignleft {
	float: left;
	margin: 0 16px 1em 0;
}

body.template-billet #billet .multimedia-titre {
	margin-top: 36px;
	font-size: 110%;
}

body.template-billet #billet .multimedia-titre h2 {
	float: left;
	background: #fff;
	padding: 9px 20px 4px;
}

body.template-billet #billet .multimedia {
	padding: 16px 46px;
	font-size: 110%;
}

body.template-billet #billet .multimedia ul {
	margin: 0;
}

body.template-billet #billet .multimedia ul li {
	margin: 0 0 0.3em;
	padding: 0 0 0 12px;
	background: url("../img/ico-fleche-brune.gif") no-repeat 0 4px;
}

body.template-billet #billet .multimedia ul li a {
	text-decoration: none;
}

body.template-billet #sidebar h2 {
	font-size: 160%;
	margin-bottom: 6px;
	padding-left: 12px;
}

body.template-billet #sidebar .aussi ul {
	margin-left: 0;
}

body.template-billet #sidebar .aussi ul li {
	background: url("../img/ico-fleche-brune.gif") no-repeat 0 5px;
	padding: 0 0 0 12px;
	margin: 0 0 0.6em;
}

body.template-billet #sidebar .aussi ul li a {
	text-decoration: none;
}

body.template-billet .commentaires {
	border-top: 1px solid #c9c7c1;
	padding: 12px 46px 12px 46px;
}

body.template-billet .commentaires .nocomments {
	margin: 1em 0;
	font-style: italic;
}

body.template-billet #comments h2 {
	font-size: 110%;
	margin: 0 0 0.7em;
}

body.template-billet .commentaires .commentlist {
	margin: 0;
}

body.template-billet .commentaires .commentlist li.odd,
body.template-billet .commentaires .commentlist li.even {
	background: #f3f2ee;
	padding: 10px 10px 2px;
	margin: 0 0 10px;
	position: relative;
}

body.template-billet #respond {
	border-top: 1px solid #c9c7c1;
	padding: 10px 46px;
}

body.template-billet .commentlist .comment-author {
	margin: 0 0 0.3em;
	padding: 0 170px 0 0;
}

body.template-billet .commentlist .comment-content {
	padding: 0 15px;
	background: url("../img/ico-fleche-commentaire.gif") no-repeat 0 5px;
}

body.template-billet #commentform .champ input,
body.template-billet #commentform .champ textarea {
	background: #efeeeb;
	border: 1px solid #989898;
	padding: 6px 15px;
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #52504a;
}

body.template-billet #commentform .champ textarea {
	width: 616px;
}

body.template-billet #commentform .champ label {
	display: block;
	padding: 0 0 0 15px;
	margin: 0 0 3px;
}

body.template-billet #commentform .bouton input {
	float: right;
	background: #52504a;
	color: #fff;
	border: none;
	padding: 3px 12px;
	font-size: 115%;
	cursor: pointer;
}

/*
 * @section Contenu texte
******************************************************************************/

div.contenu-texte ul {
	margin-left: 22px;
}

div.contenu-texte ul li {
	list-style: disc;
	margin: 0 0 0.2em;
}

div.contenu-texte blockquote {
	background: #dfddd5;
	padding: 15px 15px 5px;
	margin: 2em 0;
}

div.contenu-texte h2 { font-size: 150%; margin: 1.2em 0 0.5em; }
div.contenu-texte h3 { font-size: 130%; margin: 1.2em 0 0.5em; }
div.contenu-texte h4 { font-size: 120%; margin: 1.2em 0 0.5em; }
div.contenu-texte h5 { font-size: 110%; margin: 1.2em 0 0.5em; }

/*
 * @section Thématique
******************************************************************************/

#thematique {
	border: 1px solid #c9c7c1;
	background: #fff;
	padding: 14px 26px;
}

#thematique table {
	width: 100%;
}

#thematique table td {
	width: 50%;
	vertical-align: top;
}

#thematique table td.td-1 { padding: 0 16px 0 0; }
#thematique table td.td-2 { padding: 0 0 0 16px; }

#thematique a {
	color: #F15B29;
}

#thematique h1, .article h1 {
	font-size: 220%;
	border-bottom: 1px solid #c9c7c1;
	padding: 0 0 8px;
	margin: 0 0 0.8em 0.8em; 
	line-height: 1.2;
}

body.template-page-synap-tic #thematique h1,
body.template-page-synap-tic .article h1,
body.template-page-contact #thematique h1,
body.template-page-contact .article h1 {
  margin: 0 0 0.8em 0;
}


#thematique h2 {
	font-size: 160%;
	margin: 1em 0 0.7em;
	line-height: 1.2;
}

#thematique h3 {
	font-size: 105%;
	margin: 1.3em 0 0.5em;
	line-height: 1.2;
}

#thematique blockquote {
	background: #efeeeb;
	padding: 15px 15px 4px;
	margin: 0 0 1em;
	border-bottom: 1px solid #c9c7c1;
}

#thematique .sousnav {
	background: #efeeeb;
	padding: 15px 15px 4px;
	margin: 1em 0 1em;
	border-bottom: 1px solid #c9c7c1;
	border-top: 1px solid #c9c7c1;
}

#thematique .sousnav ol {
	margin: 0 0 1em 25px;
	font-size: 110%;
}

#thematique .sousnav ol li {
	list-style: decimal;
	margin: 0 0 0.3em;
}

#thematique .sousnav ol li a {
	font-weight: normal;
}

#thematique hr {
	background: #c9c7c1;
	height: 1px;
	border: none;
	margin: 2em 0;
}

/*
 * @section Colonne
******************************************************************************/

#colonnes #contenu {
	width: 740px;
	float: left;
	position: relative;
	z-index: 2000;
}

#colonnes #sidebar {
	width: 180px;
	float: right;
}

/*
 * @section Recherche
******************************************************************************/

body.template-recherche .recherche {
	border: 1px solid #c9c7c1;
	background: #fff;
}
	body.template-recherche .recherche p#information-en-lien-avec-la-recherche {
		float: right;
		line-height: 18px;
		font-weight: bold;
		margin-right: 25px;
		margin-top: 3px;
		border: 3px solid #f26544;
		padding: 5px 8px 4px;
	}
		body.template-recherche .recherche p#information-en-lien-avec-la-recherche img {
			margin-bottom: -5px;
			margin-right: 2px;
		}

body.template-recherche .recherche-entete {
	background: #EFEEEB;
	padding: 25px 25px 12px;
}

body.template-recherche .recherche-resultats {
	padding: 25px;
}

body.template-recherche .recherche-no-resultats {
	padding: 25px 25px 15px;
}
body.template-recherche ul#optionsRecherche,
body.template-recherche ul#affinerRecherche {
	background-color:#D8D7D3;
	padding:10px;
	margin-left:0;
	border-bottom:1px solid #C9C7C1;
	text-align:center;
	display:inline-block;
	width:718px;
}
	body.template-recherche ul#optionsRecherche li,
	body.template-recherche ul#affinerRecherche li {
		display:inline;
	}
		body.template-recherche ul#optionsRecherche li a,
		body.template-recherche ul#affinerRecherche li a {
			color:#000;
			display:inline-block;
			margin:0 25px;
			padding:10px;
			text-decoration:none;
		}
		body.template-recherche ul#optionsRecherche li a:hover,
		body.template-recherche ul#affinerRecherche li a:hover { color:#fff;background-color:#F15A2A; }

		h2#les-articles,
		h2#les-repertoires,
		h2#les-actualites { 
			font-size:1.7em;
			border-bottom:1px solid #e3e3e3;
		}
		
		div.recherche-no-resultats h2#les-articles,
		div.recherche-no-resultats h2#les-repertoires,
		div.recherche-no-resultats h2#les-actualites {
			margin-bottom:10px;
		}
		
		span#resultat-pour {
			position:absolute;
			top:51px;
			left:20px;
			font-weight:bold;
			font-size:1.2em;
		}

div.pagination { 
	text-align:center; 
}
	div.pagination ul { 
		display:inline-block; 
		padding:5px;
		margin:10px 0 0;
	}
		div.pagination ul li {
			display:inline;
			padding:5px;
		}
			div.pagination ul li span,
			div.pagination ul li a,
			div.pagination ul li strong { display:inline-block; }


/* Submenu {{{ */
	.menuRecherche {
		width:100%; 
		height:32px; 
		position:relative; 
		z-index:100;
		background-color:#D8D7D3;
	}

	.menuRecherche strong {
		width:180px;
		color:#686254;
		font-size:1.2em;
		position:absolute;
		top:5px;
		left:25px;
	}

	.menuRecherche ul {
		padding:0;
		margin:0;
		margin-left:225px;
		list-style-type:none;
	}
		.menuRecherche ul ul {
			width:170px;
			visibility:hidden; 
			position:absolute;
			top:30px;
			margin:0;
			left:0;
		}
		
	.menuRecherche li {
		float:left;
		width:170px;
		position:relative;
	}
	.menuRecherche a, 
	.menuRecherche a:visited {
		display:block;
		text-decoration:none; 
		color:#000; 
		height:30px; 
		padding-left:10px; 
		line-height:29px; 
		font-weight:bold;
	}

	.menuRecherche table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;
	}

	.menuRecherche ul ul a, 
	.menuRecherche ul ul a:visited {
		color:#000; 
		background:#D8D7D3;
		height:auto; 
		line-height:1em; 
		padding: 7px 10px; 
	}
	
	.menuRecherche a:hover, 
	.menuRecherche ul ul a:hover,
	{
		color:#fff;
		background:#F15A2A;
	}
	
	.menuRecherche :hover > a, 
	.menuRecherche ul ul :hover > a {
		color:#fff; 
		background:#F15A2A;
	}

	.menuRecherche ul li:hover ul,
	.menuRecherche ul a:hover ul { visibility:visible; }

/* }}} */




body.template-recherche li#themes ul li { 
	display:block; 
}
	body.template-recherche li#themes ul li a { margin:0;}

body.template-recherche .recherche-resultats h2 {
	font-size: 130%;
	margin: 0 0 0.6em;
}

body.template-recherche .recherche-resultats .billets {
	margin: 0 0 2em;
}

body.template-recherche .recherche-resultats .total {
	margin: 0 0 1em;
}

body.template-recherche .recherche-resultats .filtre {
	background: #F6F6F4;
	padding: 10px;
	margin: 0 0 1em;
}

body.template-recherche .recherche-resultats .filtre a {
	color: #686254;
	font-weight: normal;
}

body.template-recherche .recherche-resultats .billet {
	background: url("../img/ico-fleche-brune.gif") no-repeat 8px 6px; 
	padding: 0 0 0 22px;
	margin: 0 0 1em;
}

body.template-recherche .recherche-resultats .type-fiche {
	background: url("../img/ico-fiche.gif") no-repeat 0 1px;
}
body.template-recherche .recherche-resultats .type-information-recherche {
	background: url("../img/ico-loupe.jpg") no-repeat 0 1px;
}

body.template-recherche .recherche-resultats .billet h3 {
	font-size: 110%;
	margin: 0 0 0.2em;
}

body.template-recherche .recherche-resultats .pagination ul {	
	margin: 0 auto 1em;
}

body.template-recherche .recherche-resultats .pagination ul li {
	float: left;
	padding-right: 1px;
	font-size: 125%;
}

body.template-recherche .recherche-resultats .pagination ul li.next {
	padding-right: 0;
}

body.template-recherche .recherche-resultats .pagination ul li span,
body.template-recherche .recherche-resultats .pagination ul li strong,
body.template-recherche .recherche-resultats .pagination ul li a {
	background: #e4e3e0;
	color: #f15a29;
	display: block;
	width: 28px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
}

body.template-recherche .recherche-resultats .pagination ul li strong {
	color: #686254;
	display:inline-block;
}

body.template-recherche .recherche-resultats .pagination ul li span,
body.template-recherche .recherche-resultats .pagination ul li.next a,
body.template-recherche .recherche-resultats .pagination ul li.prev a {
	height: 28px;
	text-indent: -9999px;
	padding: 0;
}

body.template-recherche .recherche-resultats .pagination ul li.prev a { background: url("../img/btn-pagination.gif") no-repeat bottom right; }
body.template-recherche .recherche-resultats .pagination ul li.prev-inactive span { background: url("../img/btn-pagination.gif") no-repeat top left; }
body.template-recherche .recherche-resultats .pagination ul li.next a { background: url("../img/btn-pagination.gif") no-repeat top right; }
body.template-recherche .recherche-resultats .pagination ul li.next-inactive span { background: url("../img/btn-pagination.gif") no-repeat bottom left; }

body.template-recherche #sidebar .affiner {

}

body.template-recherche #sidebar .affiner .affiner-inner {
	width:190px;
}

body.template-recherche #sidebar .affiner h2 {
	font-size: 120%;
	margin-bottom: 6px;
	padding-left: 12px;
}

body.template-recherche #sidebar .affiner h3 {
	margin: 0 0 8px;
}

body.template-recherche #sidebar .affiner h3 a {
	color: #686254;
	background: #EFEEEB;
	display: block;
	padding: 5px 12px;
	text-decoration: none;
}

body.template-recherche #sidebar .affiner h3 a:hover {
	background: #D8D7D3;
}

body.template-recherche #sidebar .affiner ul {
	margin: 0 0 10px 12px;
}

body.template-recherche #sidebar .affiner ul li {
	margin: 0 0 4px;
}

body.template-recherche #sidebar .affiner ul a {
	font-weight: normal;
}

body.template-recherche #sidebar .affiner ul li.active a {
	font-weight: bold;
}


/*
 * @section Abonnement
******************************************************************************/

body.template-abonnement #contenu form {
	border: 1px solid #c9c7c1;
	background: #fff;
	padding: 25px;
}

body.template-abonnement #contenu form h2 {
	font-size: 140%;
	margin: 0 0 0.5em;
}

body.template-abonnement #contenu form h3 {
	font-size: 120%;
	margin: 0 0 0.5em;
}

body.template-abonnement #contenu form h4 {
	font-size: 105%;
	margin: 0 0 0.5em;
}

body.template-abonnement #contenu .categorie {
}

body.template-abonnement #contenu form ul {
	margin: 0 0 1em;
}

body.template-abonnement ul.recherche-termes li,
body.template-abonnement #contenu form .categorie ul li {
	float: left;
	width: 45%;
	padding: 0 2% 2px 0;
}

body.template-abonnement ul.recherche-termes li#champ_termes {
	padding-left: 47%;
	padding-top: 4px;
}

body.template-abonnement ul.recherche-termes li#champ_termes span {
	color: #aaa;
	font-size: 90%;
}

body.template-abonnement ul.type-information li {
	margin: 0 0 0.8em;
}

body.template-abonnement ul.type-information li ul {
	margin-bottom: 0 !important;
}

body.template-abonnement ul.type-information li li {
	margin: 0 0 0.4em;
}

body.template-abonnement ul.type-information select {
	display: block;
}

body.template-abonnement ul li.captcha img {
	display: block;
	margin: 0.7em 0;
}

body.template-abonnement .recherche-termes,
body.template-abonnement .categories,
body.template-abonnement .mises-a-jour {
	background: #ECEBE7;
	padding: 15px;
	margin: 0 0 1em;
}


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

#section-title {
	font-size: 160%;
	margin-bottom: 6px;
	padding: 0 0 0 13px;
}

ul.filariane {
	margin: 0 0 6px 13px;
	font-size: 90%;
}

ul.filariane-bas {
	margin: 13px 0 0 13px;
	float: left;
}

ul.filariane li {
	float: left;
	padding: 0 4px 0 0;
}

ul.filariane li a {
	margin-right: 3px;
	color: #686254;
}

p.haut {
	width: 960px;
	font-size: 90%;
	padding: 10px 0 0;
	margin: 50px auto 0 auto;
}

body.template-billet p.haut {
}

p.haut a {
	float: right;
	background: url("../img/bg-haut.gif") no-repeat 100% 50%;
	padding: 7px 38px 7px 0;
	color: #686254;
}

.conception {
	float:right;
	font-size: .9em;
	position:relative;
	right:25px; top:5px;
}

/* [ Liste images ] -------------------*/
.liste-images {margin:0;}
.liste-images li {border:1px solid #c5c2bb;height:87px;margin-bottom:11px;position:relative;}
.liste-images li span {background:url(../img/bg-legende.png) repeat left top;color:#fff;display:block;padding:3px 0px 3px 13px;position:absolute;left:0; bottom:0;width:165px;}

/* [ Vedette ] -------------------*/

/* [ Lien en boite ] -------------------*/
.plus {
	margin: 0;
}
.plus a {background:#e4e3e0 url(../img/ico-fleche-blanche.gif) no-repeat 11px center;display:block;height:28px;line-height:28px;float:right;padding:0 13px 0 25px;}

/* [ Boite ] -------------------*/
.boite {border:1px solid #d9d8d4;margin-bottom:22px;padding:3px 4px;}
.boite ul {margin:0;}
.boite li {border-bottom:1px solid #b3b0a9;padding:0 10px;}
.boite li.dernier {border:none;}

/* [ Erreurs ] -------------------*/
input.erreur, select.erreur, textarea.erreur {border:1px dotted #CF2200;}
label.erreur {color:#CF2200;margin:0;width:auto!important;text-align:left;}
div.erreur {color:#CF2200;}

/* [ Clearfix ] -------------------*/
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }
/* -------------------------*/


#post-ratings-2040 .post-ratings{
	color:#000;
}

.denoncer {
	font-size:85%;
	text-decoration:none;
	text-align:right;
	position: absolute;
	top: 10px;
	right: 10px;
}

.contourboite{
	border:1px solid #ccc;
	padding:14px 10px 3px 10px;
	margin:20px 0;
}


.fils-rss,
.medias-sociaux, .articlesdroite {
	padding: 14px 0 0 0;
}

.articlesdroite {
/*	margin: 0 15px 0 760px;
	padding: 500px 0;*/
}



.fils-rss h2,
.medias-sociaux h2, .articlesdroite h2 {
	padding: 0 !important;
	margin: 0 0 0.2em !important;
	font-size: 140%;
}

.fils-rss ul,
.medias-sociaux ul, .articlesdroite ul {
	margin: 0;
}

.fils-rss ul li,
.medias-sociaux ul li, .articlesdroite ul li {
	margin: 0 0 0.4em;
/*  height: 1%;*/
}

.fils-rss ul li a,
.medias-sociaux ul li a, .articlesdroite ul li a {
	display: block;
	padding: 1px 1px 1px 22px;
/*  height: 1%;*/
}



.medias-sociaux ul li.twitter a { background: url("../img/medias-sociaux/twitter_16.png") no-repeat 0 50%; color: #56c2db; }
.medias-sociaux ul li.facebook a { background: url("../img/medias-sociaux/facebook_16.png") no-repeat 0 50%; color: #4064A3; }
.medias-sociaux ul li.delicious a { background: url("../img/medias-sociaux/delicious_16.png") no-repeat 0 50%; color: #3174D0; }
.fils-rss ul li a { background: url("../img/medias-sociaux/rss_16.png") no-repeat 0 50%; color: #FF4C00; }



.articlesdroite ul li.articlesimilaires{
	font-size: 98%;
	border-bottom:1px solid #CCC;


}

.articlesdroite ul li.articlesimilaires a{
	text-decoration: none;
	font-size: 98%;
	color:#858585;
	padding: 1px 1px 5px 5px;

}


/* [ Sondages ] -------------------*/
#popup { height:0; margin:0; padding:0; line-height:0;}
body#le-sondage {
	width:475px;
	height:425px;
	margin:0;
	padding:25px;
	background: #e6e3de url(../img/bg-pied.jpg) repeat-x 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#le-sondage div#principal {
	position:relative;
	background:url(../img/logo-rire-pied.png) no-repeat 0 0;
	padding-top:70px;
}
#le-sondage div#principal h1, 
#le-sondage div#principal h2 {
	color:#F15A29;
	font-size:1.6em;
}
#le-sondage div#principal h1 {
	position:absolute;
	top:40px;
	left:200px;
	text-decoration:underline;
}
#le-sondage div#principal h2 {
	margin-top:1.2em;
	font-size:1.2em;
}
#le-sondage div#principal ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
#le-sondage div#principal li {
	margin:10px 0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
#le-sondage div#principal ul li .radio {
	float:left;
}
#le-sondage div#principal .label {
	float:left;
	width:400px;
	border:0;
	margin:0;
	padding:0 0 5px 0;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#le-sondage p.erreurs { color:#FF0000; }
#si-autre { display:none;}
/* -------------------------*/

/* new clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */

div.exergue {
	width: 200px;
	float: right;
	background: #ccc;
	margin: 0 0 2em 2em;
	padding: 15px 15px 15px;
	color: #666666;
	line-height: 1.1;
	font-size: 130%;
	border-top: 2px solid #CC6633;
	border-bottom: 2px solid #CC6633;
}

div.exergue-gauche {
	float: right;
	margin: 0 2em 2em 0;
}



/* @section Fiche */
div.commentaires h2 {
	font-size:1.4em;
	margin: 30px 0 5px 0;
}
.commentaires .commentlist {
	margin: 0;
}

.commentaires .commentlist li.odd,
.commentaires .commentlist li.even {
	background: #f3f2ee;
	padding: 10px 10px 2px;
	margin: 0 0 10px;
	position: relative;
}

.commentlist .comment-author {
	margin: 0 0 0.3em;
	padding: 0 170px 0 0;
}

.commentlist .comment-content {
	padding: 0 15px;
	background: url("../img/ico-fleche-commentaire.gif") no-repeat 0 5px;
}

div#respond {
	border-top: 1px solid #c9c7c1;
	padding: 10px 30px;
}

div#respond #commentform .champ input,
div#respond #commentform .champ textarea {
	background: #efeeeb;
	border: 1px solid #989898;
	padding: 6px 15px;
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #52504a;
}

div#respond #commentform .champ input { width: 175px; }

div#respond #commentform .pCaptcha img { 
	position:relative;
	top:7px;
	margin-right:15px;
}
div#respond #commentform .champ input#captcha { width: 100px; }

div#respond #commentform .champ textarea {
	width: 575px;
}

div#respond #commentform .champ label {
	display: block;
	padding: 0 0 0 15px;
	margin: 0 0 3px;
}

div#respond #commentform .bouton input {
	float: right;
	background: #52504a;
	color: #fff;
	border: none;
	padding: 3px 12px;
	font-size: 115%;
	cursor: pointer;
}

div#social-medias {
  margin: 20px 0 30px;
}

div#social-medias a[name=fb_share] {
  display: inline-block;
  margin-bottom: 10px;
}

div#contenu div.actualites {
  margin-bottom: 15px;
}

