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

	@file         screen.css
	@description  Feuille de styles globale
	@author       jp (ixmedia.com)

***************************************************** */
@import url("./reset.css");
@import url("./custom-scroller.css");

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

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

body {
	position: relative;
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.3;
	color: #000;
	z-index: 1;
	height: 100%;
	min-height: 100%;
	background: #fff url("/img/interface/bg-body.gif") repeat-y center top;
}

ul,ol,table { margin-bottom: 1em; }
a { text-decoration: none; cursor: pointer; color: #278993; }
a:focus { outline: 1px dotted; }
a:visited { color: #278993; }
a:hover, a:focus { color: #278993; text-decoration: underline; outline: none; }
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,sub {	height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 75%; }
sup { bottom: 1ex; }
sub { top: .5ex; }

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

.printOnly { display: none; }

.img-ombre { float:left; background: url(/img/interface/ombre.png) no-repeat bottom right; }
#contenu .img-ombre img { display: block; position: relative; margin: -4px 4px 4px -4px; }

.div-ombre {
	width: 90%;
	float:left;
	clear: both;
	background: url(ombre.png) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.div-ombre div {
	background: none !important;
	background: url(ombre2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}

.div-ombre .ombre {
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}

/*}}}*/

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

#conteneur {
	z-index: 1;
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: transparent;
}

body.bg-1 #conteneur{ background: transparent no-repeat center top url("/img/interface/bg-conteneur-1.jpg"); }
body.bg-2 #conteneur{ background: transparent no-repeat center top url("/img/interface/bg-conteneur-2.jpg"); }
body.bg-3 #conteneur{ background: transparent no-repeat center top url("/img/interface/bg-conteneur-3.jpg"); }

#wrap {
	width: 960px;
	margin: 0 auto;
	background: #f5f5f5;
	position: relative;
	z-index: 2;
	position: relative;
	padding-bottom: 288px;
	min-height:550px;
  height:auto !important;
  height:550px;
}

/*}}}*/

/* @section Tooltip {{{
******************************************************************************/

#ixTooltip{
	position: absolute;
	border: 1px solid #3286c1;
	color: #fff;
	background: #3f97d5;
	padding: 2px 6px;
	display: none;
	font-size: 1.2em;
	z-index: 9999;
	box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
}

/*}}}*/

/* @section Aperçu de page provenant de l'admin {{{
******************************************************************************/

#msg-apercu{
	font-size: 160%;
	text-align: center;
	background: #a00;
	color: #fff;
	font-weight: bold;
	padding: 1em;
}

/*}}}*/

/* @section PIV {{{
******************************************************************************/

#wrap .piv{ height: 106px; width: 100%; background: #fff url("/img/interface/bg-piv.jpg") no-repeat right top;}
#wrap .piv img{ margin: 28px 0 0 212px;}
#wrap .piv ul{position: absolute; right: 0; top: 57px; width: 490px; background: #003a9a; padding: 0 30px;}
#wrap .piv ul li{ float: left;}
#wrap .piv ul li a{ white-space: nowrap; float: left; display: block; color: #fff; height: 15px; line-height: 15px; font-size: 1.1em; padding: 0 13px; }
#wrap .piv ul li a:hover{ text-decoration: none; }
#wrap .piv ul li.droite{ float: right; }

/*}}}*/

/* @section Entete {{{
******************************************************************************/

#entete{
	position: relative;
	height: 167px;
	background: url("/img/interface/bg-entete.jpg") no-repeat top left;
	z-index: 40;
	margin: -24px 0 0 0;
}

a#logo{
	position: absolute;
	margin: 0 0 0 20px;
	top: 0;
	left: 0;
	display: block;
	width: 309px;
	height: 176px;
	text-indent: -9999px;
}

a#logo img{
	display: none;
}

a#nos-chroniques{
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 42px;
	left: 325px;
	width: 150px;
	height: 30px;
}

#nav-interface{
	position: absolute;
	width: 263px;
	height: 92px;
	margin: 0 0 0 0;
	top: 0;
	right: 34px;
	z-index: 41;
}

body.interface-etudiant #nav-interface{
	background: url("/img/interface/btn-je-suis-etudiant.png") no-repeat left top;
}

body.interface-enseignant #nav-interface{
	background: url("/img/interface/btn-je-suis-enseignant.png") no-repeat left top;
}

#nav-interface a{
	display: block;
	text-indent: -99999px;
	width: 104px;
	height: 24px;
	position: absolute;
	right: 0;
	bottom: 26px;
	z-index: 42;
}

/* @section Recherche {{{
******************************************************************************/
#recherche{
	position: absolute;
	width: 337px;
	height: 83px;
	right: 0;
	top: 54px;
	padding: 40px 0 0 0;
	color: #fff;
	font-size: 140%;
}

#recherche p{
	text-align: right;
	margin: 0 0 0.5em 0;
}

#recherche label{
	padding: 0 2px 0 0;
}

#recherche input.requete{
	background: #c3c3c3;
	border: 1px solid #8a8a8a;
	height: 24px;
	line-height: 24px;
	padding: 0 4px;
	width: 200px;
}

#recherche #l-niveau{
	position: absolute;
	bottom: 68px;
	left: 42px;
}

#recherche #s-niveau{
	width: 180px;
	position: absolute;
	left: 122px;
	top: 36px;
}

#recherche #je-recherche{
	position: absolute;
	top: 64px;
	left: 0px;
	width: 300px;
	display: block;
}

#recherche #je-recherche label{
	display: none;
}



body.interface-enseignant #recherche #je-recherche{
	top: 38px;
}

#recherche #s-public{
	width: 70px;
	position: absolute;
	left: 34px;
	top: 74px;
}

#recherche #s-domaine-apprentissage{
	width: 200px;
	position: absolute;
	left: 110px;
	top: 74px;
}

#recherche .param-avances{
	display: none;
}

#recherche .recherche-avances a{
	color: #fff;
	position: absolute;
	top: 74px;
	left: 174px;
}

/*}}}*/

/*}}}*/

/* @section Panneaux (navigations par secteurs) {{{
******************************************************************************/

#secteurs{
	position: absolute;
	top: 108px;
	left: 346px;
	width: 300px;
	z-index: 100;
}

#secteurs a.nav{
	text-indent: -9999px;
	position: relative;
	float: left;
	display: block;
	color: #fff;
	font-size: 110%;
	width: 38px;
	height: 38px;
	z-index: 150;
	margin: 0 0 0 -5px;
	padding: 1px;
	background-color: transparent;
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

#secteurs a.nav:focus{
	border: dotted 1px #ccc;
	background-position: 0 0;
	padding: 0;
}

#secteurs #secteur-energie a.nav{
	background-image: url("/img/interface/btn-secteur-energie.png");
	width: 51px;
	height: 45px;
}

#secteurs #secteur-foret a.nav{
	background-image: url("/img/interface/btn-secteur-foret.png");
	width: 54px;
	height: 44px;
	margin-top: -2px;
}

#secteurs #secteur-territoire a.nav{
	background-image: url("/img/interface/btn-secteur-territoire.png");
	width: 51px;
	height: 44px;
	margin-right: 2px;
}

#secteurs #secteur-faune a.nav{
	background-image: url("/img/interface/btn-secteur-faune.png");
	width: 54px;
	height: 45px;
	margin-top: -6px;
}

#secteurs #secteur-mines a.nav{
	background-image: url("/img/interface/btn-secteur-mines.png");
	width: 61px;
	height: 44px;
	margin-top: -10px;
}

#secteurs .secteur{
	z-index: 100;
}

#secteurs .secteur .protect-over{
	display: block;
}

#secteurs .secteur:hover .protect-over{
	position: absolute;
	top: 30px;
	left: -10px;
	display: block;
	width: 260px;
	height: 20px;
	background: transparent;
	z-index: 9999;
}

#secteurs .panneau{
	display: none;
	position: absolute;
	top: -10px;
	left: -75px;
	z-index: 101;
	width: 580px;
	height: 320px;
	overflow: hidden;
	padding: 40px 50px 20px 40px;
	color: #fff;
	background: transparent url("/img/interface/bg-panneau.png") no-repeat left top;
}
/*
#secteurs .secteur:hover .panneau{
	display: block;
}
*/
#secteurs .panneau a{
	color: #fff;
}

#secteurs .panneau .colonne-gauche,
#secteurs .panneau .colonne-droite{
	width: 48%;
	display: block;
}

#secteurs .panneau .colonne-gauche{
	padding: 30px 0 0 0;
	float: left;
	font-size: 130%;
}

#secteurs .panneau .colonne-gauche h2{
	font-size: 240%;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
}

#secteurs .panneau .colonne-gauche .description{
	margin: 0 0 1em 0;
}

#secteurs .panneau .colonne-droite{
	float: right;
}

#secteurs .panneau .colonne-droite ul.nav{
	padding: 6px 5px;
	margin-left: 50px;
	height: 14px;
	background: transparent url("/img/interface/bg-nav-panneau.png") no-repeat left top;
}

#secteurs .panneau .colonne-droite ul.nav li{
	float: left;
}

#secteurs .panneau .colonne-droite ul.nav li a{
	float: left;
	display: block;
	text-decoration: underline;
	font-size: 110%;
	padding: 0 10px;
	color: #b9b9b9;
}

#secteurs .panneau .colonne-droite ul.nav li a.active{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#secteurs .panneau .colonne-droite ul.nav li a.suggestions{
	width: 66px;
}


#secteurs .panneau .colonne-droite ul.nav li a.populaires{
	width: 60px;
	border-left: 2px solid #fff;
	padding: 0 0 0 10px;
	display: none;
}

#secteurs .panneau .colonne-droite div.populaires{
	display: none;
}

#secteurs .panneau .fiche-mini{
	color: #fff;
	width: 290px;
}

/*}}}*/

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

#pied{
	width: 100%;
	height: 288px;
  position: relative;
  margin-top: -288px;
  z-index: 3;
}

#pied .wrap{
	position: relative;
	width: 100%;
	background: #79a449 url("/img/interface/bg-pied.jpg") no-repeat center top;
	height: 188px;
	border-bottom: 5px solid #79a449;
}

#pied .inner{
	position: relative;
	width: 960px;
	height: 188px;
	margin: 0 auto;
	background: #79a449 url("/img/interface/bg-pied.jpg") no-repeat center top;
	color: #fff;
	font-size: 150%;
}

#pied .wrap a.realisation{
	text-indent: -9999px;
	background: transparent url("/img/interface/titre-realisation-ixmedia.jpg") no-repeat left top;
	display: block;
	width: 126px;
	height: 15px;
	position: absolute;
	right: 2em;
	bottom: -2em;
}

#pied .inner a,#pied .inner a:hover{
	color: #fff;
	text-decoration: none;
}

#pied .inner .colonne-gauche,
#pied .inner .colonne-droite{
	width: 40%;
	padding: 1.25em 2em 0 2em;
}


#pied .inner .colonne-gauche{
	float: left;
}

#pied .inner .colonne-gauche p.titre{
	font-size: 180%;
	display: block;
	height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0.7em 0;
}

#pied .inner .colonne-gauche p.titre em{
	font-family: audimat,Arial,Verdana,sans-serif;
	font-weight: normal;
	text-transform: none;
}

#pied .inner .colonne-gauche p.titre .pale{
	color: #bcd676;
}

#pied .inner .colonne-gauche .definition a{
	text-decoration: underline;
}

#pied .inner .colonne-gauche #politiques{
	position: absolute;
	left: 3em;
	bottom: -2.5em;
	font-size: 65%;
}

#pied .inner .colonne-gauche #politiques,
#pied .inner .colonne-gauche #politiques a{
	color: #9F9F9F;
}

#pied .inner .colonne-droite{
	float: right;
	position: relative;
	height: 142px;
}

#pied .inner .colonne-droite #bulletin img{
	position: absolute;
	margin: -2px 0 0 -47px;
}

#pied .inner .colonne-droite #bulletin label{
	display: none;
}

#pied .inner .colonne-droite #bulletin input{
	width: 220px;
	border: none;
	background: #fff;
	padding: 0.4em 0.5em;
	font-size: 90%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

#pied .inner .colonne-droite #bulletin button{
	margin: 0 0 0 4px;
	line-height: 20px;
	border: none;
	background: #3d3c22;
	color: #e4edd8;
	padding: 3px 0.7em;
	font-size: 90%;
	letter-spacing: 0.05em;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow:2px 2px 10px rgba(0,0,0,.8);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,.8);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.8);
}

* html #pied .inner .colonne-droite #bulletin button{ padding: 1px 0; }
* + html #pied .inner .colonne-droite #bulletin button{ padding: 1px 0; }

#pied .inner .colonne-droite #bulletin button:active{
	position: relative;
	top: 1px;
	left: 1px;
}

#pied .inner .colonne-droite #bulletin form{
	margin: 0.75em 0 0 0;
}

#pied .inner .colonne-droite a.lien-normal{
	position: static;
	background: none;
	padding: 0;
	margin: 0;
	display: inline;
	border:none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	font-size: 100%;
	text-decoration: underline;
}

#pied .inner .colonne-droite a{
	position: absolute;
	display: block;
	background: #89af51;
	padding: 4px 10px;
	margin: 2em 0 0 0;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-size: 105%;
	bottom: 0;
}

#pied .inner .colonne-droite a span{
	border-bottom: 1px dotted #fff;
}

#pied .inner .colonne-droite a:hover span{
	border-bottom: 1px solid #fff;
}

#pied .inner .colonne-droite a img{
	position: absolute;
}

#pied .inner .colonne-droite #contactez-nous{
	left: 30px;
}

#pied .inner .colonne-droite #contactez-nous img{
	left: -40px;
	top: 2px;
}

#pied .inner .colonne-droite #fils-rss{
	right: 10px;
}

#pied .inner .colonne-droite #fils-rss img{
	left: -22px;
	top: 6px;
}

#pied .piv{
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	color: #1253c2;
	font-size: 100%;
	line-height: 1.5em;
}

#pied .piv a{
	color: #1253C2;
}

/*}}}*/

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

#contenu{
	position: relative;
}

#contenu p{
	margin-bottom: 0;
}

#contenu .resume ul li,
#contenu .chronique ul li,
#contenu .description-courte ul li,
#contenu .section ul li{
	background: transparent url("/img/interface/list-rond.png") no-repeat 0 7px;
	margin-left: 20px;
	padding: 0 0 0 20px;
}

#contenu .resume ul li p,
#contenu .chronique ul li p,
#contenu .description-courte ul li p,
#contenu .section ul li p{
	margin: 0;
	padding: 0;	
}


#contenu .resume ol li,
#contenu .chronique ol li,
#contenu .description-courte ol li,
#contenu .section ol li{
	list-style-type: decimal;
	margin-left: 40px;
}

button.recherche{
	text-indent: -9999px;
	background: transparent url("/img/interface/btn-soumettre-recherche.png") no-repeat left 2px;
	width: 42px;
	height: 28px;
	margin: 0 0 0 4px;
	padding: 0;
	border: none;
}

#contenu span.sep{
	display: block;
	clear: both;
	border-bottom: 3px double #d5d9d9;
	margin: 10px 0;
}

#contenu form .soumettre{
	background: transparent url("/img/interface/btn-form-soumettre.png") no-repeat left top;
	width: 114px;
	height: 33px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	float: right;
	display: inline;
	margin: 0 4% 0 0;
}

#contenu #btn-jaime-facebook iframe{
	border:none;
	overflow:hidden;
	height:35px;
	width: 410px;
}

#contenu .msg{
	margin: 0 0 1em 0;
	position: relative;
	width: 590px;
	height: 79px;
}

#contenu .msg .inner{
	width: 550px;
	height: 39px;
	padding: 20px;
	margin: 0;
}

#contenu .msg .inner p{
	margin: 0;
}

#contenu .msg *,
#contenu .colonne-gauche .msg *{
	color: #000;
	font-weight: bold;
}

#contenu .msg a.fermer{
	font-weight: bold;
	position: absolute;
	top: 9px;
	right: 8px;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	width: 17px;
	height: 17px;
}

#contenu .msg-erreur a.fermer {
	background: url("/img/interface/btn-fermer-erreur.gif") no-repeat left top;
}

#contenu .msg-confirmation a.fermer {
	background: url("/img/interface/btn-fermer-confirmation.gif") no-repeat left top;
}

#contenu .msg .wrap ul{
	color: #fff;
	font-size: 130%;
	margin: 0 0 0 20px;
	list-style-type: disc;
}

#contenu .msg-erreur{
	background: url("/img/interface/bg-boite-erreur.png") no-repeat left top;
}

#contenu .msg-confirmation{
	background: url("/img/interface/bg-boite-confirmation.png") no-repeat left top;
}

#contenu #mots-cles{
	margin: 2em 0;
	padding: 0 0 1em 0;
}

#contenu #mots-cles h4{
	float: left;
	color:#7497A9;
	font-size:140%;
	font-weight:bold;
}

#contenu #mots-cles p{
	font-size: 120%;
	width: 520px;
	float: right;
}

#contenu #mots-cles p a{
	white-space: nowrap;
}

/* @section Colonne-gauche {{{
******************************************************************************/

#contenu .colonne-gauche h1{
	color: #278993;
	font-weight: normal;
	font-size: 320%;
	margin: 0 0 0.25em 0;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
}

#contenu .colonne-gauche h2{
	color: #2a5152;
	font-size: 200%;
	font-weight: normal;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
}

#contenu .colonne-gauche p,#contenu .colonne-gauche .wrap li{
	font-size: 130%;
	color: #193231;
}

#contenu .colonne-gauche h3{
	font-size: 140%;
	color: #193231;
	margin: 0.4em 0 0 0;
}

#contenu .colonne-gauche h4{
	font-size: 140%;
	font-weight: bold;
	color: #7497a9;
}

#contenu .colonne-gauche .wrap ul{
	margin: 0 0 2em 20px;
}

#contenu .colonne-gauche .wrap ul li ul{
	margin-bottom: 0;
}

#contenu .colonne-gauche .wrap li{
	background: url("/img/interface/list-rond.png") no-repeat left 5px;
	padding: 0 0 0 12px;
}

#contenu .colonne-gauche .wrap ul.cible li{
	background: url("/img/interface/list-mire.png") no-repeat left 2px;
	padding: 0 0 0 13px;
}


/*}}}*/

/* @section Colonne-droite {{{
******************************************************************************/

#contenu .colonne-droite{
	position: relative;
	height: 100%;
}

#contenu .colonne-droite .boite{
	background: #fff;
	border: 5px solid #d5d9d9;
	border-left-width: 0px;
	border-right-width: 0px;
	padding: 10px;
}

#contenu .colonne-droite .boite h3{
	color: #305857;
	font-size: 140%;
	margin: 0 0 1em 0;
}

#contenu .colonne-droite .fiches{
	width: 280px;
	height: 118px;
	overflow: auto;
	margin-top: 10px;
}

#contenu .colonne-droite .scroll{
	width: 260px;
}

#contenu .colonne-droite .fiches .fiche-mini{
	float: left;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}

#contenu .colonne-droite .fiches .fiche-mini img{
	float: none;
	margin: 0 0 4px 0;
}

#contenu .colonne-droite .question h3{
	float: left;
	margin: 0;
}

#contenu .colonne-droite .question a.toggle{
	padding: 8px 0 0 0;
	float: right;
}

#contenu .colonne-droite .aucun-resultat{
	font-size: 180%;
	margin: 20px;
	color: #2A5152;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
}

/*}}}*/

/*}}}*/

/* @section Pagination (Commune à toute les paginations) {{{
******************************************************************************/

#contenu .pagination{
	display: inline;
	height: 35px;
	position: relative;
	background: #fff;
	float: right;
	margin: 11px 11px 30px 11px;
	padding: 0 8px;
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	font-size: 120%;
}

#contenu .pagination span{
	color: #459fda;
	height: 35px;
	line-height: 35px;
	padding: 2px 10px 0 6px;
	font-weight: bold;
	float: left;
}

#contenu .pagination ul{
	float: left;
}

#contenu .pagination ul li{
	float: left;
	display: inline;
	height: 35px;
	line-height: 35px;
}

#contenu .pagination ul li.actif{
	color: #ff740e;
	padding: 2px 4px 0 4px;
	font-weight: bold;
}

#contenu .pagination ul li a{
	color: #0066a6;
	display: block;
	padding: 2px 4px 0 4px;
	text-decoration: underline;
}

#contenu .pagination ul li a:hover{
	color: #0063af;
}

#contenu .pagination ul li.fleche,
#contenu .pagination ul li.fleche a{
	padding: 0;
}

#contenu .pagination ul li.fleche img{
	padding: 12px 2px 8px 2px;
}

#contenu .pagination ul.prec-suiv{
	left: 0;
}

#contenu .pagination ul.prec-suiv li a{
	position: absolute;
	top: 0;
}

#contenu .pagination form{
	padding: 2px 0 0 6px;
}

#contenu .pagination form label{
	float: left;
	color: #459FDA;
}

#contenu .pagination form input{
	float: left;
	width: 50px;
	height: 12px;
	color: #0066a6;
	background: #fff;
	border: 1px solid #ccc;
	margin: 9px 0 0 0;
}

#contenu .pagination form button{
	display: block;
	float: left;
	width: 23px;
	height: 24px;
	background: url("/img/interface/btn-aller-a-pagination.gif") no-repeat left top;
	border: none;
	text-indent: -9999px;
	margin: 6px 0 0 0;
}

/*}}}*/

/* @section Fiche - (Page & Classes génériques) {{{
******************************************************************************/

/* @section Fiche - Version miniature {{{
******************************************************************************/

.fiche-mini{
	padding: 10px;
	color: #305857;
	font-size: 100%;
}

.fiche-mini a.vignette{
	display: inline;
	float: left;
	margin: 0 8px 0 0;
}

.fiche-mini a{
	color: #305857;
	font-size: 100%;
	font-weight: bold;
}

.fiche-mini .annotation{
	float: left;
	display: block;
	height: 12px;
	line-height: 12px;
}

.fiche-mini .annotation span{
	padding: 0 0 0 4px;
}

.fiche-mini .suggestion{
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 20px;
	float: right;
	background: url("/img/interface/ico-aime.png") no-repeat left top;
	font-weight: bold;
}

/*}}}*/

/* @section Fiche - Version résumé {{{
******************************************************************************/

.fiche-resume{
	position: relative;
	padding: 10px 20px;
}

.fiche-resume a.vignette{
	position: relative;
	float: left;
	display: block;
	width: 120px;
	height: 120px;
	z-index: 12;
}

.fiche-resume a.vignette img{
	position: absolute;
	right: 0;
	top: 0;
}

.fiche-resume .contenu{
	float: left;
	width: 500px;
	padding: 0 0 0 20px;
}

.fiche-resume h2{
	font-family: audimat,Arial,Verdana,sans-serif;
	font-size: 270%;
	font-style: italic;
	font-weight: normal;
}

.fiche-resume .chapeau{
	font-family: audimat,Arial,Verdana,sans-serif;
	font-size: 180%;
	font-style: italic;
	font-weight: normal;
	color: #2a5152;
	margin: 0 0 0.5em 0;
}

.fiche-resume .description-courte{
	clear: both;
	font-size: 110%;
	margin: 0.75em 0 1em 0;
	color: #518988;
	line-height: 1.4;
}

.fiche-resume .annotation{
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 0 14px 0 0;
}

.fiche-resume .annotation ul.appreciation li{
	padding: 2px 0 0 0;
}

.fiche-resume .annotation span{
	padding: 0 0 0 4px;
}

.fiche-resume .suggestion{
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 20px;
	background: url("/img/interface/ico-aime.png") no-repeat left top;
	font-weight: bold;
}

.fiche-resume .formats{
	float: right;
	display: block;
	padding: 0 14px 0 0;
}

.fiche-resume .formats ul li{
	padding: 0 0 0 7px;
	float: left;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	color: #7497A9;
}

.fiche-resume .formats ul li img{
	float: left;
	display: block;
	margin: 0 auto 0.25em auto;
}

* html .fiche-resume .formats ul li img{
	margin: 0 0 0.25em 0;
}

/*}}}*/

/* @section Fiche - Version complète {{{
******************************************************************************/

body.template-fiche #pied .wrap{
	margin: 0;
}

body.template-fiche #bandeau{
	position: relative;
	margin: 10px 0 20px 10px;
	height: 250px;
	z-index: 15;
}

body.template-fiche #bandeau img{
	position: relative;
	z-index: 16;
}

body.template-fiche #bandeau span.masque{
	position: absolute;
	top: -12px;
	left: -2px;
	width: 947px;
	height: 270px;
	display: block;
	background: transparent url("/img/interface/masque-bandeau-fiche.png") no-repeat left top;
	z-index: 17;
}

body.template-fiche #contenu #annotation-form label,
body.template-fiche #contenu #annotation-form input{
	display: none;
}

body.template-fiche #contenu #annotation-form .soumettre{
	margin: 0;
}

body.template-fiche #contenu #question form.ix-formulaire .soumettre{
	margin: 0 3% 0 0;
}

/* @section Colonne-gauche {{{
******************************************************************************/

body.template-fiche #contenu .colonne-gauche{
	float: left;
	width: 596px;
	padding: 0 20px;
}

body.template-fiche #contenu .colonne-gauche .wrap{
	margin: 30px 20px 0 20px;
}

body.template-fiche #contenu .colonne-gauche h3,
body.template-fiche #contenu .colonne-gauche li{
	color: #193231;
}

body.template-fiche #contenu .colonne-gauche h3{
	margin: 20px 0 8px 0;
	color: #278993;
	border-bottom: 1px solid #ddd;
}


body.template-fiche #contenu #medias{
	margin: 40px 10px 10px	0;
	border-bottom:2px solid #D5D9D9;
	border-right:2px solid #D5D9D9;
	padding: 0 0 10px 0;
	background: #fff;
}

body.template-fiche #contenu #medias h3{
	height:50px;
	background:url("/img/interface/bg-titre-media-fiche.png") no-repeat scroll 10px 46px transparent;
	color:#2A5152;
	display:block;
	float:left;
	font-family:audimat,Arial,Verdana,sans-serif;
	font-size:220%;
	font-style:italic;
	font-weight:normal;
	line-height:1em;
	margin:-44px -38px 10px -28px;
	padding:20px 0 0 34px;
	position:relative;
	width: 620px;
	border: none;
}

body.template-fiche #contenu #medias h3 small{
	font-size: 75%;
}

body.template-fiche #contenu #medias ul{
	margin: 0 0 0 20px;
}

body.template-fiche #contenu #medias li{
	display: block;
	width: 260px;
	padding: 0 20px 0 0;
	float: left;
	margin: 0 0 14px 0;
}

body.template-fiche #contenu #medias li .groupe .groupe{
	width: 100px;
	float: left;
	padding: 0 0 7px 0;
	height: 1%;
}

body.template-fiche #contenu #medias li img{
	float: left;
	padding: 0 6px 0 0;
}

body.template-fiche #contenu #medias li span{
	float: left;
	text-transform: uppercase;
	color: #3294da;
	white-space: normal;
	display: block;
	width: 206px;
	font-size: 110%;
	font-weight: bold;
	height: 1%;
}

body.template-fiche #contenu #medias li a span.titre{
	text-transform: none;
	color: #518988;
	font-size: 130%;
	font-weight: normal;
}

body.template-fiche #contenu #medias li a:hover span.titre{
	text-decoration: underline;
}

body.template-fiche #contenu .colonne-gauche p.secteurs{
	margin: 1em 0;
}

body.template-fiche #contenu .colonne-gauche p.secteurs a{
	text-decoration: underline;
}

body.template-fiche #contenu .colonne-gauche .sub-nav{
	margin: 1em 0 1.5em 0;
}

body.template-fiche #contenu .colonne-gauche .sub-nav li{
	display: inline;
	float: left;
	margin: 0 4px 0 0;
}

body.template-fiche #contenu .colonne-gauche .sub-nav li a{
	background: #fff url("/img/interface/bg-list-fiche-sub-nav.gif") no-repeat 9px 13px;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 6px 0 24px;
	width: 112px;
	border: 1px solid #d5d9d9;
	color: #518988;
	font-size: 140%;
}

body.template-fiche #contenu .colonne-gauche .sub-nav li a:hover,
body.template-fiche #contenu .colonne-gauche .sub-nav li a.active{
	background: url("/img/interface/bg-fiche-subnav.jpg") no-repeat left top;
	border: 1px solid #589a9a;
	color: #fff;
	text-decoration: none;
}

body.template-fiche #contenu .colonne-gauche .sub-nav li a.active{
/*	font-weight: bold;*/
}

body.template-fiche #contenu .colonne-gauche .wrap {
	font-size: 120%;
}

body.template-fiche #contenu .colonne-gauche .section{
	padding: 0 0 20px 0;
	display: none;
}

body.template-fiche #contenu .colonne-gauche .active{
	display: block;
}

body.template-fiche #contenu .colonne-gauche .section h2{
	display: none;
}

body.template-fiche #contenu .colonne-gauche #description-courte{
	font-size: 130%;
}

body.template-fiche #contenu .colonne-gauche #description-courte *{
	color: #518988;
}

body.template-fiche #contenu .colonne-gauche .wrap p{
	font-size: 100%;
}

body.template-fiche #contenu .colonne-gauche .wrap ul {
	margin: 0.4em 0 0.4em 0;
}

body.template-fiche #contenu .colonne-gauche .wrap ul li {
	font-size: 100%;
}

body.template-fiche #contenu .colonne-gauche .wrap #retenu{
	font-size: 82%;
}

body.template-fiche #contenu .colonne-gauche .wrap #retenu ul{
	margin-left: 0;
	margin-right: 0;
}


body.template-fiche #contenu .colonne-gauche .wrap #retenu li{
	background: none;
	padding: 0;
}

body.template-fiche #contenu .colonne-gauche .wrap #retenu form{
	background: none;
	padding: 0;
}

body.template-fiche #contenu .colonne-gauche #formats{
	clear: both;
	padding: 1.5em 0 0 0;
}

body.template-fiche #contenu .colonne-gauche #formats ul{
	margin: 1em 0 0 2.5em;
	width: 95%;
}

body.template-fiche #contenu .colonne-gauche #formats ul li{
	padding: 0 10px 0 20px;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	color: #7497A9;
	background: url("/img/interface/list-etiquette.png") no-repeat left top;
	margin: 0 0 10px 0;
}

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

body.template-fiche #partagerAmi.ouvert{
	display: block;
}

/*}}}*/

/* @section Colonne-droite {{{
******************************************************************************/

body.template-fiche #contenu .colonne-droite{
	float: right;
	width: 320px;
}

body.template-fiche #contenu .colonne-droite h4{
	display: none;
}

body.template-fiche #contenu .colonne-droite p.erreur{
	color: #AA0000;
	font-weight: bold;
	font-size: 120%;
}

body.template-fiche #contenu .colonne-droite .wrap{
	position: relative;
	background: #d5d9d9;
	border: 10px solid #d5d9d9;
	border-top-width: 5px;
	border-bottom-width: 5px;
	height: 100%;
}

body.template-fiche #contenu .colonne-droite #suggestion h3{
	float: left;
}

body.template-fiche #contenu .colonne-droite #suggestion ul{
	float: right;
}

body.template-fiche #contenu .colonne-droite #suggestion ul li{
	display: block;
	float: left;
	padding: 0 4px 0 0;
	line-height: 23px;
	height: 23px;
}

body.template-fiche #contenu .colonne-droite #suggestion ul li a{
	float: left;
	text-decoration: none;
	padding: 0 4px 0 20px;

}

body.template-fiche #contenu .colonne-droite #suggestion ul li.positif a{
	background: url("/img/interface/btn-aime.gif") no-repeat left top;
}

body.template-fiche #contenu .colonne-droite #suggestion ul li.negatif a{
	background: url("/img/interface/btn-aime-pas.gif") no-repeat left top;
}

body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li.positif{
	background: url("/img/interface/btn-aime-off.gif") no-repeat left top;
}

body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li.negatif{
	background: url("/img/interface/btn-aime-pas-off.gif") no-repeat left top;
}

body.template-fiche #contenu .colonne-droite #suggestion ul li img{
	float: left;
	display: block;
}

body.template-fiche #contenu .colonne-droite #suggestion ul li span{
	float: left;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 4px;
}

body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li{
	padding-left: 20px;
}

body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li a{
	padding-left: 0;
	background: none;
}

body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li a,
body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li a *,
body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li a:hover,
body.template-fiche #contenu .colonne-droite #suggestion ul.desactive li a:hover *{
	cursor: default;
}

body.template-fiche #contenu .colonne-droite #suggestion ul li a.choisi{
	font-weight: bold;
}

body.template-fiche #contenu .colonne-droite #annotation{
	position: relative;
}

body.template-fiche #contenu .colonne-droite #annotation span.moyenne{
	display: block;
	position: absolute;
	right: 11px;
	top: 11px;
	font-size: 120%;
	font-weight: bold;
}

body.template-fiche #contenu .colonne-droite .boite .annotation ul.appreciation,
body.template-fiche #contenu .colonne-droite .boite .annotation ul.niveau{
	float: right;
}

body.template-fiche #contenu .colonne-droite #annotation-form ul.appreciation a,
body.template-fiche #contenu .colonne-droite #annotation-form ul.niveau a{
	float: left;
	display: block;
	width: 13px;
	height: 12px;
	background: url("/img/interface/appreciation-vide.gif") no-repeat left top;
}

body.template-fiche #contenu .colonne-droite #annotation #partagez-opinion{
	display: none;
}

body.template-fiche #contenu .colonne-droite #annotation #partagez-opinion.ouvert{
	display: block;
}

body.template-fiche #contenu .colonne-droite #annotation-form ul.appreciation a.plein{
	background: url("/img/interface/appreciation-plein.gif") no-repeat left top;
}

body.template-fiche #contenu .colonne-droite #annotation-form ul.niveau a{
	background: url("/img/interface/niveau-vide.gif") no-repeat left top;
}


body.template-fiche #contenu .colonne-droite #annotation-form ul.niveau a.plein{
	background: url("/img/interface/niveau-plein.gif") no-repeat left top;
}:

body.template-fiche #contenu .colonne-droite #annotation-form button{

}

body.template-fiche #contenu .colonne-droite #relations{

}

body.template-fiche #contenu .colonne-droite #relations .fiche-mini{
	float: left;
	margin: 0 0 10px 0;
}

body.template-fiche #contenu .colonne-droite #relations .fiche-mini a{
	white-space: normal;
	width: 110px;
	display: block;
	line-height: 1.1em;
}

body.template-fiche #contenu .colonne-droite #relations .fiche-mini img{
	float: none;
	display: block;
	padding: 0 25px;
}

body.template-fiche #contenu .colonne-droite #question{
	position: relative;
	display: none;
}

body.template-fiche #contenu .colonne-droite #question.ouvert{
	display: block;
}

body.template-fiche #contenu .colonne-droite .question h3 a{
	text-decoration: none;
	color: inherit;
	line-height: inherit;
	margin: inherit;
	position: relative;
	display: block;
	width: 280px;
	padding: inherit;
}

body.template-fiche #contenu .colonne-droite .question h3 a img{
	position: absolute;
	right: 10px;
	top: 5px;
}

/*}}}*/

/*}}}*/

/*}}}*/

/* @section Formulaires {{{
******************************************************************************/

form.ix-formulaire {
	margin: 10px 0 0 0;
}

form.ix-formulaire label {
	color: #3c5c6d;
	font-size: 140%;
}

#i-terme,
#i_r{
	padding: 5px;
}

#i-terme,
#i_r,
form.ix-formulaire ul.liste-champs li.champ-texte input,
form.ix-formulaire ul.liste-champs li.champ-textemulti textarea {
	border: solid 2px #c7c7c7;
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow:inset 1px 1px 6px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 1px 1px 6px rgba(0,0,0,0.2);
	font-size: 140%;
}

form.ix-formulaire ul.liste-champs li.champ-fichier,
form.ix-formulaire ul.liste-champs li.champ-textemulti {
	clear: both;
}

form.ix-formulaire ul.liste-champs li.champ-textemulti textarea {
	width: 94%;
	height: 70px;
}

form.ix-formulaire ul.liste-champs li.champ-select select{
	font-size: 140%;
}

#contenu form.ix-formulaire ul.liste-champs li.champ .champ-message{
	margin: 0 0 4px 0;
}

li.champ-captcha input{
	width: 50px;
	float: left;
}


.chronique .resume form img.captcha{
	padding: 2px 6px 0 6px;
	display: block;
	float: none;
}

#question form.ix-formulaire {
	padding: 15px 0 0 0;
}

#question form.ix-formulaire ul.liste-champs li.champ-texte-petit input{
	width: 94%;
}

#contenu #partager{
	clear: both;
	padding: 8px 0 0 0;
	width: 100%;
}

#contenu #partager .colonne-gauche{
	float: left;
	padding: 0;
	width: 410px;
}

#contenu #partager .colonne-droite{
	float: right;
	width: 26%;
	text-align: right;
	padding: 0;
}

#contenu #partager p{
	float: left;
	height: 22px;
	line-height: 22px;
	color: #518988;
	font-weight: bold;
}

#contenu #partager ul{
	float: left;
}

#contenu .section #partager ul li,
#contenu #partager ul li{
	display: block;
	float: left;
	background: transparent;
	margin-left: 0;
	padding-left: 0;
}

#contenu form.ix-formulaire ul li{
	padding: 0;
	background: transparent;
}

#contenu #partager ul li a{
	margin: 0 0 0 4px;
}

.partager-courriel{
	clear: both;
	position: relative;
	background: url("/img/interface/bg-fiche-partagez-form.jpg") repeat-y left top;
	padding: 10px 10px 15px 10px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.partager-courriel form.ix-formulaire {
	height: 1%;
}

#contenu .partager-courriel .soumettre{
	position: absolute;
	bottom: 36px;
	right: 12px;
}

#contenu .partager-courriel form.ix-formulaire p.titre {
	color: #3c5c6d;
	font-size: 220%;
	margin: 10px 0 10px 10px;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
}

.partager-courriel form.ix-formulaire ul.liste-champs{
	margin: 0;
}

.partager-courriel form.ix-formulaire ul.liste-champs li.champ-select,
.partager-courriel form.ix-formulaire ul.liste-champs li.champ-texte-petit{
	float: left;
	width: 48.5%;
}

.partager-courriel form.ix-formulaire ul.liste-champs li.champ-select select,
.partager-courriel form.ix-formulaire ul.liste-champs li.champ-texte-petit input{
	width: 94%;
}

body.template-chronique #partager,
body.template-chronique .partager-courriel{
	font-size: 71.5%;
}

body.template-chronique #btn-jaime-facebook{
	background: #F5F5F5;
}
body.template-chronique #btn-jaime-facebook iframe{
	background: #F5F5F5;
	border: 0;
	overflow: hidden;
}

body.template-chronique  .colonne-droite table{
	border: 1px solid #999;
}
body.template-chronique  .colonne-droite table td{
	border: 1px solid #999;
}


/*}}}*/

/* @section Annotation (Appréciation & Niveau) {{{
******************************************************************************/

.annotation p{
	clear: both;
	float: left;
}

.annotation ul.appreciation,
.annotation ul.niveau{
	float: left;
}

.annotation ul.appreciation li,
.annotation ul.niveau li{
	display: inline;
	float: left;
}

.annotation ul.appreciation li img,
.annotation ul.niveau li img,
.annotation ul.appreciation li input,
.annotation ul.niveau li input,
.annotation ul.appreciation li label,
.annotation ul.niveau li label{
	float: left;
}

/*}}}*/

/* @section Mots Clés {{{
******************************************************************************/

.mots-cles{
	padding: 0 10px;
	font-size: 100%;
	margin: 0 0 16px 0;
}

body.template-grappe .mots-cles h2{
	padding-top: 85px;
	margin: 0 0 10px 0;
}

.mots-cles .tous{
	margin: 1em 0 0 0;
}

.colonne-droite .mots-cles{
	font-size: 81.5%;
}

.mots-cles a{
	padding: 0 4px 0 0;
	white-space: normal;
	line-height: 1.2em;
	color: #7497a9;
	text-decoration: underline;
}

.mots-cles .cloud-1{ font-size: 110%; }
.mots-cles .cloud-2{ font-size: 140%; }
.mots-cles .cloud-3{ font-size: 170%; }
.mots-cles .cloud-4{ font-size: 200%; }
.mots-cles .cloud-5{ font-size: 230%; }

/*}}}*/

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

/* @section Bandeaux {{{
******************************************************************************/

body.template-accueil #bandeaux{
	position: relative;
	width: 960px;
	margin: 0px 0 -120px 0;
}

body.template-accueil #bandeaux ul.nav{
	position: absolute;
	right: 760px;
	top: 34px;
	z-index: 26;
}

body.template-accueil #bandeaux ul.nav li{
	float: left;
}

body.template-accueil #bandeaux ul.nav li a{
	float: left;
	display: block;
	width: 14px;
	height: 13px;
	text-indent: -9999px;
	background: transparent url("/img/interface/btn-slider-blanc.png") no-repeat;
}

body.template-accueil #bandeaux ul.nav li a.active{
	background: transparent url("/img/interface/btn-slider-bleu.png") no-repeat;
}

body.template-accueil #bandeaux .wrap{
	position: relative;
	overflow: hidden;
	width: 960px;
}

body.template-accueil #bandeaux .wrap .inner-wrap{
	height: 441px;
	background: none;
}

body.template-accueil #bandeaux .wrap .inner-wrap .bandeau{
	position: relative;
	float: left;
	width: 960px;
}

body.template-accueil #bandeaux .wrap-texte{
	position: absolute;
	float: left;
	margin: 0 0 0 -23px;
	width: 220px;
	height: 204px;
	background: url("/img/interface/bg-bandeau-texte.png") no-repeat left top;
	z-index: 25;
	top: 38px;
	left: 0;
	padding: 46px 73px 80px 42px;
	line-height: 140%;
	font-size: 130%;
	color: #00395d;
}

body.template-accueil #bandeaux .wrap .inner-wrap .bandeau .description{
	display: none;
}

body.template-accueil #bandeaux .wrap-texte .texte{
	overflow: auto;
	height: 210px;
}

body.template-accueil #bandeaux .wrap-texte h2,
body.template-accueil #bandeaux .wrap .bandeau .description h2{
	color: #fff;
	font-size: 110%;
	margin: 0 0 4px 0;
	line-height: 130%;
}

body.template-accueil #bandeaux .wrap-texte a{
	text-decoration: underline;
	color: #00395d;
}

body.template-accueil #bandeaux .wrap-texte h2 a{
	color: #fff;
	text-decoration: none;
}

body.template-accueil #bandeaux .wrap-texte h2 a:hover{
	border-bottom: solid 1px #fff;
}

/*}}}*/

/* @section Les fiches {{{
******************************************************************************/

#les-ressources{
	display: block;
	position: relative;
	z-index: 30;
	width: 624px;
	margin: 60px 0 0 10px;
	float: left;
}

* html #les-ressources{
	margin-left: 5px;
}

#les-ressources h3{
	font-weight: normal;
	font-style: italic;
	font-size: 200%;
	color: #da045c;
	font-family: audimat,Arial,Verdana,sans-serif;
	position: relative;
	float: left;
	margin: 0 0 0 -24px;
	padding: 0 0 0 34px;
	background: transparent url("/img/interface/bg-ressources-plus-consultees.png") no-repeat 0 38px ;
	display: block;
	width: 610px;
	height: 62px;
	line-height: 1em;
}

#les-ressources h3 strong{
	display: block;
	font-weight: normal;
	font-size: 120%;
}

body.interface-enseignant #les-ressources h3{
	height: 46px;
	padding-top: 16px;
	font-size: 260%;
}

#les-ressources #classement{
	padding: 0 0 0 10px;
	font-size: 130%;
}

#les-ressources #classement li{
	float: left;
	padding: 0 6px 10px 6px;
	display: block;
	font-weight: bold;
}

#les-ressources #classement li a{
	font-weight: normal;
	color: #da045c;
	text-decoration: underline;
}

#les-ressources ul.nav{
	position: absolute;
	right: 30px;
	top: 24px;
	z-index: 31;
}

#les-ressources ul.nav li{
	float: left;
}

#les-ressources ul.nav li a{
	float: left;
	display: block;
	width: 14px;
	height: 13px;
	text-indent: -9999px;
	background: transparent url("/img/interface/btn-slider-blanc.png") no-repeat;
}

#les-ressources ul.nav li a.active{
	background: transparent url("/img/interface/btn-slider-rose.png") no-repeat;
}

#les-ressources .wrap{
	clear: both;
	position: relative;
	overflow: hidden;
	width: 624px;
}

#les-ressources .wrap .inner-wrap{
	background: none;
}

#les-ressources .wrap .inner-wrap .page{
	position: relative;
	float: left;
	width: 624px;
}

#les-ressources .wrap .inner-wrap .page .fiche-mini{
	float: left;
	width: 290px;
	height: 81px;
	min-height: 81px;
}

/*}}}*/

/* @section Veille sur l'actualitée {{{
******************************************************************************/

#actualites{
	position: relative;
	display: inline;
	width: 625px;
	float: left;
	background: #fff;
	margin: 1em;
	color: #305857;
	border-bottom: 3px solid #d5d9d9;
	border-right: 3px solid #d5d9d9;
	padding: 0 0 6px 0;
}

* html #actualites{
	width: 613px;
}

#actualites .rss{
	font-size: 110%;
	position: absolute;
	top: 30px;
	left: 270px;
	height: 17px;
	line-height: 17px;
	background: transparent url("/img/ico-rss-pied.png") no-repeat left top;
	padding: 0 0 0 22px;
	color: #305857;
}

#actualites h3{
	font-weight: normal;
	font-style: italic;
	font-size: 200%;
	color: #e42a14;
	font-family: audimat,Arial,Verdana,sans-serif;
	position: relative;
	float: left;
	margin: 0.5em 0 0 -8px;
	padding: 0 0 0 20px;
	background: transparent url("/img/interface/bg-veille-actualite.png") no-repeat left 32px;
	display: block;
	width: 100%;
	height: 59px;
	line-height: 1em;
}

#actualites h3 strong{
	display: block;
	font-weight: normal;
	font-size: 120%;
}

#actualites div.groupe{
	float: left;
}

#actualites div.actualite{
	margin: 0.5em 0.5em 0.25em 0.5em;
	font-size: 110%;
	padding: 10px 60px 0 10px;
}

#actualites div.actualite a.titre{
	font-weight: bold;
	color: #305857;
}

#actualites div.actualite .resume{
	margin: 0.25em 0;
}

#actualites div.actualite .source{
	color: #518988;
	margin: 0;
}

#actualites div.actualite .provenance{
	font-style: italic
}

#actualites div.vide{
	clear: both;
	padding: 6px;
}

#actualites div.wrap{
	padding: 0 0 1em 0;
	width: 615px;
	height: 272px;
	overflow: auto;
}

body.interface-enseignant #actualites{
	width: 312px;
	float: right;
	margin: 1em 10px 1em 0;
}

body.interface-enseignant #actualites h3{
	width: 290px;
	background: url("/img/interface/bg-veille-actualite-court.png") no-repeat left 36px;
	float: none;
}

body.interface-enseignant #actualites .rss{
	left: 240px;
}

body.interface-enseignant #actualites div.actualite{
	float: none;
	width: 272px;
	margin: 0 0 1em 1em;
	padding: 0;
}

body.interface-enseignant #actualites div.wrap{
	padding: 0 0 1em 0;
	width: 301px;
	height: 160px;
	overflow: auto;
}

/*}}}*/

/* @section Promotions {{{
******************************************************************************/

#promotions{
	padding: 1em 0;
}

#promotions img{
	display: block;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0.5em;
}

body.interface-enseignant #promotions{
	width: 620px;
	margin: 0 0 0 0.4em;
}

body.interface-enseignant #promotions img{
	float: left;
	margin: 1em 0 1em 1.5em;
	padding: 0;
}

/*}}}*/

/*}}}*/

/* @section Pages Statique {{{
******************************************************************************/

body.template-statique #wrap{
	background: url("/img/interface/bg-statique-contenu.gif") repeat-y center top;
}

body.template-statique h1{
	background: url("/img/interface/bg-sous-titre.gif") no-repeat left bottom;
	padding: 0 0 8px 0;
}

body.template-statique #contenu p.sous-titre{
	color: #7497a9;
	font-size: 180%;
}

body.template-statique #contenu h2{
	color: #6b8786;
	font-size: 160%;
	font-family: Arial,Verdana,sans-serif;
	font-style: normal;
	font-weight: bold;
}

body.template-statique #contenu h3{
	font-size: 140%;
	color: #193231;
}

body.template-statique #contenu .colonne-gauche{
	background: transparent;
	width: 620px;
	position: relative;
	float: left;
	padding: 30px 30px 0 30px;
}

body.template-statique #contenu .colonne-gauche p,
body.template-statique #contenu .colonne-gauche ul,
body.template-statique #contenu .colonne-gauche ol{
	color: #305857;
}

body.template-statique #contenu h2,
body.template-statique #contenu h3,
body.template-statique #contenu p{
	margin: 0 0 1em 0;
}

body.template-statique #contenu p{
	font-size: 130%;
}

body.template-statique #contenu .colonne-gauche ul,
body.template-statique #contenu .colonne-gauche ol{
	font-size: 130%;
	margin: 0 30px 20px;
}


body.template-statique #contenu .colonne-gauche ul{
	list-style-type: disc;
}

body.template-statique #contenu .colonne-gauche ol{
	list-style-type: decimal;
}

body.template-statique #contenu .colonne-droite{
	background: #e5e7e7 url("/img/interface/bg-statique-colonne-droite.gif") no-repeat left top;
	width: 240px;
	float: right;
	padding: 30px 20px 0 20px;
	min-height:100px;
	height:auto !important;
	height:100px;
}

/*}}}*/

/* @section Nous-Joindres {{{
******************************************************************************/

body.section-nous-joindre #contenu .colonne-gauche .msg *{
	color: #fff;
}

body.section-nous-joindre #contenu .colonne-gauche ul{
	margin: 0;
}

body.section-nous-joindre #contenu ul li{
	font-size: 82%;
	list-style: none;
}

body.section-nous-joindre #contenu ul li strong{
	font-size: 100%;
	color: #000;
}

body.section-nous-joindre .ix-formulaire{
	font-size: 82%;
}

body.section-nous-joindre form.ix-formulaire ul.liste-champs li.champ-texte input{
	width: 50%;
}

body.section-nous-joindre form.ix-formulaire ul.liste-champs li.champ-captcha input{
	width: 50px;
}

body.section-nous-joindre form.ix-formulaire ul.liste-champs li.champ textarea{
	width: 66%;
}

body.section-nous-joindre form.ix-formulaire ul.liste-champs li.champ{
	padding-left: 0;
}

body.section-nous-joindre #contenu .ix-formulaire button.soumettre{
	margin: 0 200px 1em 0;
}

/*}}}*/

/* @section Plan du site {{{
******************************************************************************/

body.section-plan-du-site #contenu .colonne-gauche ul {
	font-size: 160%;
}

body.section-plan-du-site #contenu .colonne-gauche ul li ul {
	font-size: 85%;
}


/*}}}*/

/* @section Page Abonnement au belletin Cnaturel {{{
******************************************************************************/

body.section-abonnement #contenu .colonne-gauche .msg *{
	color: #fff;
}

body.section-abonnement #contenu .colonne-gauche ul{
	margin: 0;
}

body.section-abonnement #contenu ul li{
	font-size: 82%;
	list-style: none;
}

body.section-abonnement #contenu ul li strong{
	font-size: 100%;
	color: #000;
}

body.section-abonnement .ix-formulaire{
	font-size: 82%;
}

body.section-abonnement form.ix-formulaire ul.liste-champs li.champ-texte input{
	width: 50%;
}

body.section-abonnement form.ix-formulaire ul.liste-champs li.champ-captcha input{
	width: 50px;
}

body.section-abonnement form.ix-formulaire ul.liste-champs li.champ textarea{
	width: 66%;
}

body.section-abonnement form.ix-formulaire ul.liste-champs li.champ{
	padding-left: 0;
}

body.section-abonnement #contenu .ix-formulaire button.soumettre{
	margin: 0 296px 1em 0;
}

/*}}}*/

/* @section Grappe de fiche {{{
******************************************************************************/

body.template-grappe #contenu {
	background: #e5e7e7;
	margin-bottom: -10px;
}


body.template-grappe #bandeau {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 960px;
	height: 290px;
}

body.template-grappe #bandeau .masque-haut{
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 2;
	display: block;
	width: 100%;
	height: 50px;
	background: transparent url("/img/interface/masque-grappe-haut.png") no-repeat left top;
}

body.template-grappe #bandeau .masque-bas{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	display: block;
	height: 213px;
	width: 100%;
	background: transparent url("/img/interface/masque-grappe-bas.png") repeat-x left bottom;
}

body.template-grappe #contenu .colonne-gauche{
	position: relative;
	float: left;
	width: 200px;
	z-index: 5;
	height: 100%;
	padding: 68px 0 0 0;
}

body.template-grappe .colonne-gauche #grappe{
	width: 200px;
	margin: 20px;
}

body.template-grappe .colonne-gauche #grappe .titre{
	position: relative;
	width: 245px;
	float: left;
	left: -34px;
	background: url("/img/interface/bg-grape-titre-haut.png") no-repeat left top;
}

body.template-grappe .colonne-gauche #grappe h1{
	color: #fff;
	margin: 19px 0 0 0;
	padding: 0 15px 0 34px;
	background: url("/img/interface/bg-grape-titre-centre.png") repeat-y left bottom;
}

body.template-grappe .colonne-gauche #grappe .bordure-bas{
	display: block;
	width: 245px;
	height: 18px;
	background: url("/img/interface/bg-grape-titre-bas.png") no-repeat left bottom;
}

body.template-grappe .colonne-gauche #grappe a,
body.template-grappe .colonne-gauche #grappe .texte{
	color: #193231;
}

body.template-grappe #contenu .colonne-droite{
	float: right;
	width: 681px;
	position: relative;
	z-index: 10;
	background: #f5f5f5;
	margin: 305px 0 0 0;
	padding: 0 0 20px 0;
}

* html body.template-grappe #contenu .colonne-droite{
	margin-top: -140px;
}

/* @section Bandeaux {{{
******************************************************************************/

body.template-grappe #bandeaux{
	position: relative;
	width: 703px;
	margin: -172px 10px 20px -33px;
	z-index: 15;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
}

body.template-grappe #bandeaux ul.nav{
	display: none;
	position: absolute;
	right: 14px;
	top: 154px;
	z-index: 26;
}

body.template-grappe #bandeaux ul.nav li{
	float: left;
}

body.template-grappe #bandeaux ul.nav li a{
	float: left;
	display: block;
	width: 14px;
	height: 13px;
	text-indent: -9999px;
	background: transparent url("/img/interface/btn-slider-blanc.png") no-repeat;
}

body.template-grappe #bandeaux ul.nav li a.active{
	background: transparent url("/img/interface/btn-slider-bleu.png") no-repeat;
}

body.template-grappe #bandeaux .wrap{
	position: relative;
	overflow: hidden;
	width: 703px;
	height: 172px;
}

body.template-grappe #bandeaux .wrap .inner-wrap{
	height: 172px;
	background: none;
}

body.template-grappe #bandeaux .wrap .inner-wrap .bandeau{
	position: relative;
	float: left;
	width: 703px;
}

body.template-grappe #bandeaux .wrap-fiche{
	float: right;
	margin: 0 0 0 -23px;
	width: 663px;
	z-index: 25;
	top: 38px;
	left: 0;
	padding: 20px;
	background: #fff url("/img/interface/bg-grappe-fiche-vedette.jpg") no-repeat right top;
	color: #00395d;
	min-height:166px;
	height:auto !important;
	height:166px;
}

body.template-grappe #bandeaux .wrap .inner-wrap .bandeau .fiche-resume{
	display: none;
}

body.template-grappe #bandeaux .fiche-resume .vignette{
	display: none;
}

body.template-grappe #bandeaux .wrap-fiche .fiche-resume{
	padding: 0;
	height: 166px;
}

body.template-grappe #bandeaux .wrap-fiche .fiche-resume .contenu{
	width: 630px;
}

/*}}}*/

/*}}}*/

/* @section Page de Recherche {{{
******************************************************************************/

body.template-recherche #titre {
	background: url("/img/interface/bg-titre-recherche.png") no-repeat left bottom;
	position: relative;
	float: left;
	width: 600px;
	padding: 0 0 26px 30px;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-size: 250%;
	color: #3093dd;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 -12px;
	z-index: 20;
}

body.template-recherche #titre h2 {
	color: #3093dd;
	font-size: 80%;

}

body.template-recherche #titre h2 strong{
	font-size: 120%;
	font-weight: normal;
	color: #0d3074;
}

body.template-recherche #contenu .colonne-gauche{
	position: relative;
	float: left;
	width: 279px;
	z-index: 15;
	height: 100%;
	margin: 0;
	background: url("/img/interface/bg-statique-colonne-droite.gif") no-repeat scroll left top #E5E7E7;
	margin: -30px 0 0 0;
	padding: 50px 0 0 0 ;
}

body.template-recherche label.terme {
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #7497a9;
	font-size: 178%;
}

body.template-recherche #contenu h3{
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 210%;
	color: #7497a9;
	margin: 20px ;
}

body.template-recherche .entete a{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 180%;
	color: #305857;
	background: #fff;
	padding: 6px 10px;
	margin: 10px 10px 0 10px;
	position: relative;
	border-bottom: 2px solid #b8b8b8;
	border-right: 2px solid #b8b8b8;
	text-decoration: none;
}

body.template-recherche .entete a span{
	position: absolute;
	top: 6px;
	right: 10px;
	background: url("/img/interface/ico-recherche-boite-entete.gif") no-repeat left bottom;
	display: block;
	width: 11px;
	height: 10px;
	margin: 6px 0 0 0;
	padding: 0;
	line-height: 0px;
	font-size: 1px;
}

body.template-recherche .entete a.ouvert span{
	background: url("/img/interface/ico-recherche-boite-entete.gif") no-repeat left top;
}

body.template-recherche form #enlever-filtres{
	background: #d1d2d2;
	margin: 10px;
	padding: 1px 0 2px 0;
	border-top: 1px solid #c8c9c9;
	border-left: 1px solid #c8c9c9;
}

body.template-recherche form #enlever-filtres a{
	display: block;
	background: transparent url("/img/interface/btn-enlever-filtre.gif") no-repeat left top;
	text-indent: -9999px;
	border: none;
	width: 188px;
	height: 33px;
	margin: 6px 10px 2px 6px;
}

body.template-recherche form ul{
	margin: 0 0 0 20px;
}

body.template-recherche form ul li{
	display: block;
	padding: 3px 0;
	clear: both;
}

body.template-recherche form ul li ul{
	margin: 0;
}

body.template-recherche form ul li ul.col-2 li{
	clear: none;
	float: left;
	width: 50%;
}

body.template-recherche form ul li input,
body.template-recherche form ul li select{
	font-size: 120%;
}

body.template-recherche form ul li select{
	width: 200px;
	font-size: 120%;
}

body.template-recherche form ul li label{
	display: block;
	color: #305857;
	font-size: 130%;
	margin: 4px 0 4px 0;
}

body.template-recherche form ul li ul li label{
	display: inline;
	margin-top: 0;
	font-size: 120%;
}

body.template-recherche #contenu form .soumettre{
	margin-top: 20px;
	margin-bottom: 10px;
}

body.template-recherche #contenu .colonne-gauche button[class="recherche"] {
	position: relative;
	top: -1px;
}

body.template-recherche #contenu .colonne-droite{
	float: right;
	width: 651px;
	position: relative;
	z-index: 1;
	background: transparent;
	margin-top: 0px;
	margin-left: 30px;
}

body.template-recherche #contenu .colonne-droite .fiche-resume a.vignette{
	width: 70px;
	height: 70px;
}

/*}}}*/

/* @section Liste des chroniques {{{
******************************************************************************/

body.template-chronique #wrap{
	background: url("/img/interface/bg-chroniques.jpg") repeat-y center top;
}

body.template-chronique .titre-section{
	background: #f5f5f5 url("/img/interface/bg-titre-nos-chroniques.jpg") no-repeat left bottom;
	width: 960px;
	height: 161px;
	padding: 20px 0 0 0;
	margin: 0;
}

body.template-chronique .titre-section a{
	display: block;
	width: 470px;
	height: 100px;
	margin: 0 0 0 40px;
	text-indent: -9999px;
}

body.template-chronique #pagination-haut{
	position: absolute;
	top: 40px;
	right: 20px;
}

body.template-chronique #contenu .colonne-gauche{
	width: 279px;
	background: #e5e7e7;
	float: left;
	padding: 0;
}

body.template-chronique #contenu .colonne-gauche button.recherche{
	background-position: left 0;
}

body.template-chronique #contenu .colonne-gauche .titre{
	font-size: 225%;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #2275c7;
	margin: 0;
	white-space: nowrap;
}

body.template-chronique #contenu .colonne-gauche .recherche label{
	font-size: 210%;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	display: block;
	color: #2275c7;
}

body.template-chronique .colonne-gauche .types {
	margin: 10px 0 0 0;
}

body.template-chronique .colonne-gauche .types .tous {
	margin: 0 10px;
}

body.template-chronique .colonne-gauche .types .tous a{
	text-decoration: underline;
	color: #7497A9;
}

body.template-chronique ul.type-chronique li{

}

body.template-chronique ul.type-chronique li{
	height: 38px;
}

body.template-chronique .type-chronique {
	margin: 0 0 20px 0;
}

body.template-chronique .type-chronique  a {
	display: block;
	width: 40px;
	text-decoration: none;
	margin: 0 0 0 4px;
	height: 40px;
	clear: both;
	padding: 0;
}

body.template-chronique p.type-chronique{
	font-size: 71.5%;
}

body.template-chronique .type-chronique  a:hover {
	color: #fff;
}

body.template-chronique .type-chronique a span{
	float: left;
	top: 0;
	left: 0;
	background: url("/img/interface/btn-chronique-droite.png") no-repeat right bottom;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-size: 180%;
	font-style: italic;
	padding: 11px 10px 0px 10px;
	margin: 0 0 0 40px;
	height: 29px;
	color: #6B8786;
}

body.template-chronique .type-chronique a:hover span{
	color: #fff;
}

body.template-chronique .colonne-droite h1.type-chronique a span{
	font-size: 71.5%;
	line-height: 1.3;
}

body.template-chronique .type-chronique a.nouvelles {
	background: url("/img/interface/btn-chronique-nouvelle.png") no-repeat left bottom;
}

body.template-chronique .type-chronique a.concours {
	background: url("/img/interface/btn-chronique-concours.png") no-repeat left bottom;
}

body.template-chronique .type-chronique a.questionnaires{
	background: url("/img/interface/btn-chronique-questionnaire.png") no-repeat left bottom;
}

body.template-chronique .type-chronique a.capsules{
	background: url("/img/interface/btn-chronique-capsule.png") no-repeat left bottom;
}

body.template-chronique .type-chronique a.experts{
	background: url("/img/interface/btn-chronique-experts.png") no-repeat left bottom;
}

body.template-chronique .colonne-gauche .boite{
	padding: 0 20px 10px 20px;
}

body.template-chronique .colonne-gauche .archives ol{
	margin: 0 0 0 12px;
}

body.template-chronique .colonne-gauche .archives ol li{
	margin: 2px 0;
	background: url("/img/interface/list-rond.png") no-repeat left 6px;
	padding: 0 0 0 12px;
}

body.template-chronique .colonne-gauche .archives a{
	color: #7497A9;
	font-size: 140%;
	text-decoration: underline;
}

body.template-chronique #contenu .colonne-droite{
	width: 600px;
	float: left;
	padding: 0 0 0 40px;
	font-size: 140%;
}

body.template-chronique #contenu .colonne-droite h1 {
	font-size: 180%;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #6b8786;
	margin: 0 0 15px 0;
}

body.template-chronique #contenu .colonne-droite .pagination{
	font-size: 85.8%;
}


body.template-chronique #contenu .colonne-droite .chronique{
	color: #305857;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

body.template-chronique #contenu .colonne-droite .chronique div.titre h2{
	border: none;
	font-weight: normal;
}

body.template-chronique #contenu .colonne-droite .chronique div.titre a{
	color: #6b8786;
	font-weight: normal;
}

body.template-chronique #contenu .colonne-droite .chronique div.titre a:hover{
	text-decoration: underline;
}


body.template-chronique #contenu .colonne-droite .chronique .resume{
/*	clear: both;*/
}

body.template-chronique #contenu .colonne-droite .chronique a.suite{
	display: block;
	background: url("/img/interface/bg-btn-suite.jpg") no-repeat left top;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	padding: 0 16px 0 0;
	font-size: 150%;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #2275c7;
	text-decoration: none;
	float: right;
	margin-top: -0.8em;
}

body.section-liste-chronique #contenu .colonne-droite .chronique{
	border-bottom: 3px double #d5d9d9;
}

body.section-liste-chronique #contenu .colonne-droite .chronique div.titre{
	padding: 10px 0 14px 58px;
/*	margin: 0 0 8px 0;*/
	height: 1%;
}

body.section-liste-chronique #contenu .colonne-droite .nouvelle div.titre{ background: url("/img/interface/ico-chronique-nouvelle.gif") no-repeat 0 0; }
body.section-liste-chronique #contenu .colonne-droite .capsule div.titre{	background: url("/img/interface/ico-chronique-capsule.gif") no-repeat 0 0; }
body.section-liste-chronique #contenu .colonne-droite .concours div.titre{ background: url("/img/interface/ico-chronique-concours.gif") no-repeat 0 0; }
body.section-liste-chronique #contenu .colonne-droite .sondage div.titre{	background: url("/img/interface/ico-chronique-questionnaire.gif") no-repeat 0 0; }
body.section-liste-chronique #contenu .colonne-droite .expert div.titre{	background: url("/img/interface/ico-chronique-expert.gif") no-repeat 0 0; }


/*}}}*/

/* @section Chroniques {{{
******************************************************************************/

#chroniques{
	position: relative;
	float: left;
	z-index: 30;
	width: 290px;
	color: #305857;
	padding: 0;
}

body.interface-enseignant #chroniques{
	float: left;
}

#chroniques img{
	display: block;
}

#chroniques a{
	color: #305857;
	text-decoration: underline;
}

#chroniques ul,
#chroniques p{
	margin-bottom: 0;
	padding-bottom: 1em;
}

* html #chroniques{
	position: static;
}

#chroniques h3{
	font-size: 150%;
	margin: 0 0 10px 0;
}

#chroniques h3 a{
	text-decoration: none;
}

#chroniques h3 a:hover{
	border-bottom: 1px solid #000;
}

#chroniques .autres-articles h3{
	line-height: 1.4em;
}

#chroniques .autres-articles h3 a{
	background: url("/img/interface/ico-fleche-suite.png") no-repeat right 8px;
	padding-right: 20px;
	display: block;
}

#chroniques .autres-articles h3 a:hover{
	border: none;
	text-decoration: underline;
}

#chroniques div.contenu{
	font-size: 130%;
}

#chroniques .chronique{
	position: relative;
	width: 326px;
	background: transparent url("/img/interface/bg-chroniques-resume-long.png") no-repeat top left;
	z-index: 9999;
}

body.template-chronique #contenu .colonne-droite #chroniques .chronique{
	margin: 0;
	width: 290px;
}

#chroniques .chronique .wrap{
	position: relative;
	width: 286px;
	padding: 0 20px;
	z-index: 9999;
}

body.template-chronique #contenu .colonne-droite #chroniques .chronique .wrap{
	width: 250px;
}

#chroniques span.type{
	font-size: 120%;
}

#chroniques div.haut{
	background: url("/img/interface/bg-chroniques-resume-cut-top.png") no-repeat left top;
	width: 326px;
	height: 60px;
}

body.template-chronique #contenu .colonne-droite #chroniques div.haut{
	background: url("/img/interface/bg-chroniques-resume-cut-top2.jpg") no-repeat left top;
	width: 290px;
	height: 34px;
}

#chroniques div.bas{
	background: url("/img/interface/bg-chroniques-resume-bas.gif") no-repeat left top;
	width: 326px;
	height: 7px;
}

body.template-chronique #contenu .colonne-droite #chroniques div.bas{
	width: 290px;
}

.chronique 	img{
	padding: 4px 10px 10px 10px;
}

.chronique 	img.right{
	float: right;
	padding-right: 0;
}

.chronique 	img.left{
	float: left;
	padding-left: 0;
}

#chroniques ul,#chroniques .chronique form ul,#chroniques img,#chroniques li{
	margin: 0;
}

#chroniques .chronique form ul li label{
	padding: 0 2px;
}

#chroniques h2{
	font-size: 180%;
	margin: 0 0 0.5em 0;
}

#chroniques .premiere{
 background-position: 0 86px;
}

#chroniques .premiere .wrap{
	background: transparent url("/img/interface/bg-chroniques-resume-top.png") no-repeat left top;
	min-height: 65px;
	height: auto !important;
	height: 65px;
}



#chroniques .derniere .wrap{
	position: relative;
	padding: 60px 20px 6px 20px;
	background: url("/img/interface/bg-chroniques-resume-cut-sep.jpg") no-repeat left -10px;
	margin: -1em 0 0 0;
}

.chronique span.date{
	display: block;
	font-size: 70%;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	font-style: normal;
}

.chronique h1 span.date{
	font-size: 47%;
	color: #6B8786;
}

.chronique div.titre{
	color: #465958;
	font-family:audimat,Arial,Verdana,sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size: 120%;
	margin: 0 0 10px 0;
}

.chronique div.titre h1,
.chronique div.titre h2{
	font-size:130%;
	color: #6B8786;
}

body.template-chronique #contenu p{
	margin-bottom: 1em;
}

body.template-chronique .reliees{
	font-size: 71.5%;
	margin: 20px 0 0 0;
	border-bottom: 3px double #d5d9d9;
	padding: 0 0 25px 0;
}

body.template-chronique .reliees p.titre{
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	color: #75a1a0;
	font-size: 200%;
	padding: 0 0 10px 6px;
	background: url("/img/interface/bg-titre-relies.gif") no-repeat left bottom;
	margin: 0;
}

body.template-chronique #ressources-reliees .fiche-mini{
	padding-left: 0;
	padding-right: 0;
	width: 280px;
}

body.template-chronique #ressources-reliees,
body.template-chronique #chroniques-reliees{
	float: left;
}

body.template-chronique #ressources-reliees{
	width: 304px;
}

body.template-chronique #chroniques-reliees{
	width: 290px;
}

body.template-chronique #mots-cles{
	font-size: 71.8%;
}


body.template-chronique #question,
body.template-chronique #partagerAmi{
	display: none;
}

body.template-chronique #question.ouvert,
body.template-chronique #partagerAmi.ouvert{
	display: block;
}


/* @section Questionnaire {{{
***********************************:*******************************************/

body.section-chronique .sondage h2,
body.template-chronique div#pistes-exploration h2{
	font-size: 220%;
	border-bottom: 1px solid #e6e6e6;
	color: #ff740e;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

.fSondage{
	clear: both;
	margin-bottom: 20px;
}

.fSondage button.soumettre{
	float: left;
}

.fSondage ul {
	margin-left: 20px;
}

#contenu .fSondage ul li{
	margin-left: 0;
	background: transparent;
}

.fSondage ul li label{
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 140%;
	margin: 0 0 8px 0;
	display: block;
	cursor: normal;
}

.fSondage ul li ul{
	margin-left: 10px;
}

.fSondage ul li ul li{
	display: block;
	margin: 0 0 4px 0;
}

.fSondage ul li ul li label{
	font-family: Arial, Verdana, sans-serif;
	font-style: normal;
	font-size: 100%;
	display: inline;
	margin-left: 4px;
	cursor: pointer;
}

body.template-chronique #contenu .sondage label.erreur{
	color: #f45c0a;
	background: url("/img/interface/ico-mauvaise-reponse.gif") no-repeat 4px 4px;
	padding: 0 0 0 28px;
}

body.template-chronique #contenu .sondage ul li ul label.erreur{
	text-decoration:line-through;
}

body.template-chronique #contenu .sondage ul li ul label.reponse{
	color: #91B72F;
	font-style: italic;
}

body.template-chronique #contenu .sondage label.succes{
	color: #91b72f;
	background: url("/img/interface/ico-bonne-reponse.gif") no-repeat left 4px;
	padding: 0 0 0 28px;
}

body.template-chronique #contenu .sondage ul li ul li label.erreur,
body.template-chronique #contenu .sondage ul li ul li label.succes{
	background: none;
	padding: 0;
}

.template-chronique div.flickr div.galleria-container{
	width: 585px;
	height: 400px;
}

.chronique .resume .flickr img{
	float: none;
}

/*}}}*/

/* @section experts {{{
******************************************************************************/
#parcours{
	/*background: #FFF url(../img/interface/bg-mon-parcours-a-la-trace-haut.jpg) top left no-repeat;
	padding-top: 100px;*/
	background-color: #FFF;
	padding-top: 20px;
}

#parcours .bas{
	background: url(../img/interface/bg-mon-parcours-a-la-trace-bas.jpg) no-repeat bottom left;
	height: 24px;
	width: 100%;
	display: block;
	margin-top: 20px;
}

#parcours h2{
	font-family: audimat,Arial,Verdana,sans-serif;
	font-size: 1.5em;
	font-style: italic;
	padding: 10px 25px 20px 25px;
	margin-left: 15px;
	font-weight: normal;
	color: #f8710e;
	position: relative;
}

#parcours div.bloc{
	background: url(../img/interface/bg-mon-parcours-a-la-trace-texte-bas.gif) repeat-x bottom left;
	padding: 10px 20px;
	margin: 0 20px;
	line-height: 1.6em;
	font-size: 0.9em;
}

#parcours div.bloc.no-bg{
	background: none;
	margin-bottom: 30px;
}

#parcours div.flickr{
	margin: 0;
	background: none;
	display: block!important;
}

.chronique .resume img{
	float: right;
}

.template-chronique #parcours div.flickr div.galleria-container{
	width: 520px;
	height: 400px;
}

#parcours h2:hover{
	background: url(../img/interface/bg-mon-parcours-a-la-trace-h2-hover.gif) repeat-x bottom left;
	margin-right: 20px;
	cursor: pointer;
}

#parcours h2.actif:hover{
	background: url("/img/interface/bg-mon-parcours-a-la-trace-h2.png") no-repeat 0 0;
	margin-right: 0;
}
#parcours h2.actif{
	background: url("/img/interface/bg-mon-parcours-a-la-trace-h2.png") no-repeat 0 0;
	color: #FFF;
	text-shadow: 1px 1px 2px #2077b5;
}

#parcours h2.futur{
		background: url("/img/interface/bg-mon-parcours-a-la-trace-h2.png") no-repeat -650px 0;
		color: #FFF;
		text-shadow: 1px 1px 2px #2077b5;
}

#parcours h2 span.fleche{
		display: block;
		width: 18px;
		height: 18px;
		background: url("/img/interface/ico-fleche-bas.png") no-repeat center right;
		position: absolute;
		right: 30px;
		top: 15px;
}

#parcours h2:hover span.fleche{
	right: 10px;
}

#parcours h2.actif span.fleche{
	display: none;
}

#parcours h2.futur span.fleche{
	display: none;
}
/* 
#parcours h2.premier{
	background: none;
	color: #F8710E;
	text-shadow: none;
}

#parcours h2.premier span.fleche{
	display:block;
} */

div.expert .titre{
	
}

div.expert .photo-expert{
	width: 200px;
	float: right;
	margin: 0 0 0 20px;
	text-align: right;
}


/*}}}*/

/* @section Capsule {{{
******************************************************************************/

body.template-chronique .capsule{

}

body.section-chronique .capsule h2{
	padding: 20px 0 6px 0;
}


body.template-chronique .capsule .partie-1{

}

body.template-chronique .capsule .partie-2{
}

body.template-chronique .surprenant,
body.template-chronique .il-parait-que,
body.template-chronique .pour-en-savoir-plus{
	font-size: 85%;
}


body.template-chronique .surprenant,
body.template-chronique .il-parait-que{
	width: 194px;
	padding: 69px 14px 24px 14px;
	float: right;
	position: relative;
	margin: 20px 0 0 20px;
	background: #fff url("/img/interface/bg-il-parait-que-ombre.gif") no-repeat left bottom;
}

body.template-chronique .il-parait-que h2{
	text-indent: -9999px;
	display: block;
	background: url("/img/interface/bg-il-parait-que.gif") no-repeat left top;
	position: absolute;
	width: 238px;
	height: 69px;
	left: -5px;
	top: 0;
}

body.template-chronique .surprenant{
	padding-top: 98px;
}

body.template-chronique .surprenant h2{
	text-indent: -9999px;
	display: block;
	background: url("/img/interface/bg-surprenant-nest-ce-pas.gif") no-repeat left top;
	position: absolute;
	width: 238px;
	height: 98px;
	left: -5px;
	top: 0;
}

body.template-chronique .pour-en-savoir-plus{
	margin: 20px 0 0 5px;
	width: 550px;
	background: #fff;
	position: relative;
	padding: 80px 20px 24px 20px;
	background: #fff url("/img/interface/bg-pour-en-savoir-plus-ombre.gif") no-repeat left bottom;
}

body.template-chronique .pour-en-savoir-plus h2{
	text-indent: -9999px;
	display: block;
	background: url("/img/interface/bg-pour-en-savoir-plus.gif") no-repeat left top;
	position: absolute;
	width: 603px;
	height: 44px;
	left: -2px;
	top: 0;
}

body.template-chronique .pour-en-savoir-plus h3{
	font-size: 220%;
	border-bottom: 1px solid #e6e6e6;
	color: #ff740e;
	font-family: audimat,Arial,Verdana,sans-serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

body.template-chronique .pour-en-savoir-plus h4{
	font-size: 110%;
	margin: 0 0 0.5em 0;
}

body.template-chronique #contenu .colonne-droite .question{
	position: relative;
	font-size: 71%;
	margin: 0 0 20px 0;
	width: 576px;
	border: none;
	border-bottom:1px solid #B8B8B8;
	border-right:1px solid #B8B8B8;
}

body.template-chronique #contenu .colonne-droite .question form{
	padding-left: 4px;
}

body.template-chronique #contenu .colonne-droite .question form ul.liste-champs{
	padding-bottom: 0;
	margin-bottom: 0;
}

body.template-chronique #contenu .colonne-droite .question h3{
	width: 99%;
	padding-left: 10px;
}

body.template-chronique #contenu .colonne-droite .question h3 a{
	text-decoration: none;
	color: inherit;
	line-height: inherit;
	margin: inherit;
	position: relative;
	display: block;
	width: 100%;
	padding: inherit;
}

body.template-chronique #contenu .colonne-droite .question h3 a img{
	position: absolute;
	right: 10px;
	top: -4px;
}

body.template-chronique #contenu .colonne-droite .question .champ{
	width: 95%;
}

body.template-chronique #contenu .colonne-droite .question .gauche{
	float: left;
	display: block;
	width: 49%;
}

body.template-chronique #contenu .colonne-droite .question .droite{
	width: 51%;
	float: left;
	display: block;
	padding: 0 0 40px 0;
}

* html body.template-chronique #contenu .colonne-droite .question .droite{
	width: 49%;
}

body.template-chronique #contenu .colonne-droite .question #champ-question{
	height: 140px;
}

body.template-chronique #contenu .colonne-droite .question .soumettre{
	position: absolute;
	bottom: 10px;
	right: 0;
}

body.template-chronique div.savais-tu-ca{
	position: relative;
	margin: 0 0 20px 30px;
}

body.template-chronique a.bt-savais-tu-ca{
	background: url(/img/interface/btn-savais-tu-ca.png) no-repeat top left;
	display: block;
	text-indent: -9999px;
	width: 192px;
	height: 44px;
	position: relative;
	z-index: 1000;
	
}

body.template-chronique a.bt-savais-tu-ca:hover{
	background: url(/img/interface/btn-savais-tu-ca-hover.png) no-repeat top left;
}

body.template-chronique a.bt-savais-tu-ca.actif{
	background: url(/img/interface/btn-savais-tu-ca-up.png) no-repeat top left;
}

body.template-chronique a.bt-savais-tu-ca.actif:hover{
	background: url(/img/interface/btn-savais-tu-ca-up-hover.png) no-repeat top left;
}

body.template-chronique div.savais-tu-ca div{
	display: all;
	position: relative;
	top: -23px;
	z-index: 10;
	padding: 30px 10px 10px 10px;
	background: #FFF url(/img/interface/bg-savais-tu-ca.gif) repeat-x bottom left;
}

body.template-chronique span.pistes-exploration{
	background: url(/img/interface/btn-pistes.jpg) no-repeat top left;
	display: block;
	width: 206px;
	height: 117px;
	float: right;
	position: relative;
}

body.template-chronique span.pistes-exploration a{
	display: block;
	width: 185px;
	height: 32px;
	color: #FFF;
	font-weight: bold;
	padding: 6px 35px 0 0;
	text-align: center;
	position: absolute;
	bottom: 0;
}

body.template-chronique a.pistes-exploration:hover{
	background: url(/img/interface/btn-pistes-hover.gif) no-repeat top left;
	text-decoration: none;
}

body.template-chronique div#pistes-exploration{
	padding: 30px;
	color: #305857;
	font-size: 120%;
	width: 600px;
}

body.template-chronique div.inline{
	display: none;
}



/*}}}*/

/* @section galerie flickr full size {{{
******************************************************************************/


.flickr{
	text-align: center;
	/*width: 510px;
	margin: 20px auto;*/
	margin: 20px 0;
	display: block;
}

.flickr a.navigation{
	background: url(../img/bt-prec-flickr.gif) no-repeat center left;
	width: 30px;
	height: 32px;
	padding-top: 40px;
	float: left;
}

.flickr a#suiv{
	background: url(../img/bt-suiv-flickr.gif) no-repeat center left;
	margin-left: 20px;
}

.flickr a#prec{
	
}

.flickr div.grand{
	
}

#contenu .flickr img{
	padding: 0;
	padding-right: 10px;
}

#contenu .flickr div.vignettes{
	position: relative;
}

#contenu .flickr ul{
	text-align: center;
	/*margin-left: -20px;*/
	/*margin-left: -19px;*/
	width:1000px;  /* calculer en JS */ 
	position: relative;
}

#contenu .flickr ul li{
	display: inline;
	list-style-type: none;
	background: none;
	margin-left: 0!important;
	padding: 0!important;
}

/*#contenu div.flickr ul li{
	display: none;
}

#contenu div.flickr ul li.visible{
	display: inline;
}*/

#contenu .flickr ul li a{
	display: inline-block;
}

#contenu .flickr div.conteneur{
	overflow: hidden;
	width: 425px;
	float: left;
	position: relative;
}


/*}}}*/
/* Classes utilitaires */ 
body.template-chronique .colonne-droite table.noborder,body.template-chronique .colonne-droite table.noborder tr, body.template-chronique .colonne-droite table.noborder td {
	border: none;
}

/*}}}*/