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

	@file		  screen.css
	@description  Feuille de styles globale
	@author       remi (ixmedia.com)
	@version	  20090317

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

@import url("reset.css");

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

html {
	font-size: 62.5%;
}

html, body {
	height: 100%;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	line-height: 1.3;
	color: #494744;
	background: #fff url("/img/interface/bg-body.gif") repeat;
	position: relative;
	behavior: url("/js/csshover.htc");
}

p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }

a { text-decoration: underline; cursor: pointer; color: #ff7c00; }

/* raf */

body.forum #overlay .formulaire a,
body.connexion #overlay .formulaire a,
body.blogues #overlay .formulaire a,
body.ressourcesNumeriques #overlay .formulaire a,
body.connexion a,
body.connexion a:hover,
body.blogues a,
body.blogues a:hover,
body.ressourcesNumeriques a,
body.ressourcesNumeriques a:hover { color: #0d2c87; }

body.blogues .haut,
body.blogues #titresection,
body.blogues #pied,
body.blogues #pied-quebec,
body.blogues #piv,
body.blogues #nav,
body.blogues #entete {
	display: none;
}

body.blogues #page {
	background: url("../img/interface/bg-forum-page.jpg") no-repeat top center;
	padding: 110px 0 20px 0;
}

body.blogues #contenu {
	background:none repeat scroll 0 0 transparent;
}

body.blogues #contenu-principal {
	clear: both;
}

body.blogues ul.utilitaires, body.blogues #page ul.utilitaires {
	margin: 0;
}

a:focus { outline: 1px dotted; }
a:visited { color: #e89e57; }
a:hover, a:focus { color: #FF4D00; text-decoration: underline; }
a *, button * { cursor: pointer; }
hr { display: none; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
.clearboth { clear: both; border: 1px solid red; width: 100%; height: 1%; }
sup { font-size: 80%; line-height: 1; vertical-align: super; }
em.note { font-style: normal; color: #888; }
a.thickbox { background: url("/img/interface/ico-i.gif") no-repeat 0 50%; padding: 0 0 0 20px; }
/*
 * @section Layout
 ******************************************************************************/

#skipnav {
	position: absolute;
	left: -9999px;
	margin: 0;
}

#colonnes {
	clear: both;
}

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

#piv {
	background: #fff;
}

#piv img {
	display: block;
	width: 765px;
	margin: 0 auto;
}
 
/*
 * @section Entête
 ******************************************************************************/

#entete {
	background: #4a4744 url("/img/interface/bg-entete.jpg") repeat-x bottom left;
	border-bottom: 4px solid #c4c9cc;
}

#entete .inner {
	width: 934px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 16px;
}

#entete h1 {
	margin: 0;
}

#entete h1 a {
	display: block;
	float: left;
	text-indent: -9999px;
	margin-top: 17px;
	outline: none;
}

.fr #entete h1 a {
	background: url("/img/interface/bg-logo.gif") no-repeat;
	width: 164px;
	height: 30px;
}

.en #entete h1 a {
	background: url("/img/interface/bg-logo-en.gif") no-repeat;
	width: 112px;
	height: 30px;
}

#entete p {
	margin: 0;
	color: #a09f9d;
	float: left;
	padding: 18px 0 0 15px;
	font-size: 90%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

#entete ul {
	float: right;
	margin: 0;
	font-size: 90%;
	font-weight: bold;
	padding: 15px 0 0;
	width: 260px;
}

#entete li {
	float: right;
	padding: 0 6px;
	border-right: 1px solid #ccc;
	margin: 0 0 6px;
	line-height: 1.1;
	height: 1%;
	white-space: nowrap;
}

#entete li.switchlang {
	clear: both;
}

#entete li a {
	text-decoration: none;
	color: #fff;
}

#entete li a:hover {
	text-decoration: underline;
}

#entete li.switchlang, #entete li.connexion, #entete li.deconnexion {
	border-right: 0;
	padding-right: 0;
}

#entete li.deconnexion {
	color: #bbb;
}

#entete li.acces, #entete li.switchlang {
	margin: 0;
}


#entete li.deconnexion span {
	border-right: 1px solid #ccc;
	padding-right: 6px;
	margin-right: 2px;
}

#entete li.connexion,
#entete li.deconnexion {
	clear: both;
}

#entete li.connexion a,
#entete li.deconnexion a {
	color: #ff7c00;
}

#entete li.accueil a{
	
}

#entete li a:hover {
	text-decoration: underline;
}

/*
 * @section Navigation
 ******************************************************************************/
#nav {
	padding: 14px 0 0px;
	background: url("/img/interface/bg-nav.jpg") no-repeat bottom center;
	border-top: 1px solid #f9f9f9;
}

#nav .inner {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#nav ul {
	margin: 0;
	float: left;
	width: 709px;
}

#nav ul li {
	float: left;
	padding-bottom: 10px;
	position: relative;
}

#nav ul li a {
	border-right: 1px solid #b9b8b8;
	display: block;
	float: left;
	padding: 5px 9px;
	color: #494744;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	line-height: 1.1;
	height: 33px;
}

#nav ul li a.simple {
	padding-top: 13px;
	height: 25px;
}

#nav ul li a span {
	display: block;
}

#nav ul li a:hover {
	background: #eee;
	color: #FF7C00;
}

#nav ul li.active {
	background: url("/img/interface/bg-nav-active.gif") no-repeat bottom center;
	
}

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

#nav ul ul {
	float: none;
	width: 260px;
	margin: 0;
	position: absolute;
	left: -9999px;
	top: 42px;
	background: #eee;
	padding: 4px 0;
	z-index: 3000;
}

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

#nav ul li:hover a {
	background: #eee;
	color: #FF4D00;
}

#nav ul ul li {
	float: none;
	padding: 0;
}

#nav ul li.active ul li a,
#nav ul ul li a {
	border: none;
	display: block;
	float: none;
	padding: 4px 8px;
	font-weight: normal;
	font-size: 100%;
	height: 1%;
	color: #333 !important;
}

#nav ul li.active ul li a:hover,
#nav ul ul li a:hover {	background: #ddd;
	color: #FF4D00 !important;
	background: none !important;
}

#nav #recherche {
	width: 241px;
	float: right;
	position: absolute;
	bottom: 10px;
	right: 0;
}

#nav #recherche p {
	margin: 0;
}

#nav #recherche input {
	border: 1px solid #b9b8b8;
	padding: 4px;
	font-size: 100%;
	float: left;
	width: 174px;
	position: absolute;
	left: 14px;
	bottom: 10px;
}

#nav #recherche button {
	padding: 0;
	border: none;
	background: none;
	position: absolute;
	left: 200px;
	bottom: 0;
}

/*
 * @section Contenu
 ******************************************************************************/
 
#contenu {
	background: url("/img/interface/bg-contenu.jpg") no-repeat top center;
}

#contenu .inner {
	background: url("/img/interface/bg-contenu-inner.jpg") repeat-y top center;
}

#contenu .top {
	font-size: 0pt;
	height: 1px; background: url("/img/interface/bg-contenu-top.jpg") no-repeat top center;
}

#contenu #page {
	width: 942px;
	margin: 0 auto;
	text-align: left;
}

#page #titresection {
	font-size: 200%;
	letter-spacing: -0.03em;
	padding: 18px 8px 15px;
	margin: 0;
	font-weight: bold;
}

#contenu-principal {
	width: 709px;
	float: right;
}

body #colonnes.large {
	background: none !important;
}

.large #contenu-principal {
	width: 100%;
	float: none;
}

.large #contenu-principal h1 {
	background-image:url(/img/interface/bg-outil-titre-large.gif) !important;
}

#contenu-secondaire {
	width: 222px;
	float: left;
}


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

.accueil #contenu-principal {
	float: left;
	width: 705px;
}

.accueil #contenu-secondaire {
	float: right;
}

.accueil #debut {
	background: #ff7d00 url("/img/interface/bg-debut.jpg") repeat-x top left;
	padding: 15px 7px 7px;
}

.accueil #debut h1 {
	font-size: 180%;
	margin: 0 0 0.2em;
	padding: 0 8px 10px;
	width: 400px;
	float: left;
}

.accueil #debut ul.onglets {
	margin: 0;
	border: none;
	font-size: 100%;
}

.accueil #debut ul.onglets li {
	float: left;
	width: 227px;
	background: #ff6c00 url("/img/interface/bg-debut-onglet.gif") no-repeat top left;
	margin-right: 5px;
	height: 45px;
	border-bottom: 2px solid #ffae00;
}

.accueil #debut ul.onglets li.dernier {
	margin-right: 0;
}

.accueil #debut ul.onglets li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url("/img/interface/bg-loupe.png") no-repeat 7px 6px;
	padding: 7px 9px 5px 47px;
	height: 34px;
	outline: none;
}

.accueil #debut ul.onglets li a:hover {
	text-decoration: underline;
}

.accueil #debut ul.onglets li:hover {
	background-color: #d85b00;
}

.accueil #debut ul.onglets li.dernier a {
	padding-top: 13px;
	padding-bottom: 0;
	height: 32px;
}

.en #debut ul.onglets li a {
	padding-top: 13px;
	padding-bottom: 0;
	height: 32px;
}

.accueil #debut ul.onglets li.active {
	background-color: #fff !important;
	border-color: #fff !important;
}

.accueil #debut ul.onglets li.active a {
	color: #4a4744;
}

.accueil #debut .liste {
	background: #fff;
	padding: 20px 32px;
}

.accueil #debut .liste ul {
	margin: 0;
}

.accueil #debut .liste ul.premiere {
	float: left;
	width: 49%;
}

.accueil #debut .liste ul.deuxieme {
	float: right;
	width: 49%;
}

.accueil #debut .liste ul li {
	height: 1%;
	line-height: 1.1;
}

.accueil #debut .liste ul li a {
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0 3px 16px;
	display: block;
	height: 1%;
}

.accueil #debut .liste ul li a:hover {
	font-weight: bold;
	text-decoration: underline;
	background: url("/img/interface/ico-fleche-droite.gif") no-repeat 0 8px;
}

.accueil #outils-favoris {
	padding: 0px 10px;
	float: right;
	margin: 3px 0 0;
	text-align: right;
	width: 200px;
}

.accueil #outils-favoris h2 {
	font-size: 100%;
	margin: 0;
	float: right;
	width: 200px;
}

.accueil #outils-favoris h2 a {
	background: url("/img/interface/ico-favori-add.png") no-repeat 1px 3px;
	padding: 6px 0 10px 31px;
	display: block;
	color: #BC1804;
	float: right;
}

.accueil #outils-favoris p {
	margin: 0;
}

.accueil #outils-entete {
	padding: 22px 15px;
}

.accueil #outils-entete h2 {
	font-size: 180%;
	margin: 0 0 0.2em;
}

.accueil #outils-entete a {
	padding: 2px 34px 12px 0;
	margin-right: 0.1em;
	margin-left: 0.2em;
	font-weight: bold;
	font-size: 90%;
}

.accueil #outils-entete a.courriel {
	background: url("/img/interface/ico-courriel.jpg") no-repeat 100% 0;
}

.accueil #outils-entete a.rss {
	background: url("/img/interface/ico-rss.jpg") no-repeat 100% 0;
}

.accueil #outils {
	padding-top: 0;
	margin: 0;
	border-top: 1px solid #BAB9B9;
}

.accueil #outils-entete p {
	margin: 0;
}

.accueil #apropos {
	padding: 15px 0;
	border-bottom: 1px solid #cfcece;
	font-size: 90%;
}

.accueil #apropos h2 {
	font-size: 150%;
	margin: 0 0 0.7em;
}

.accueil #apropos p {
	
}

.accueil #apropos ul {
	margin: 0;
}

.accueil #apropos ul li {
	background: url("/img/interface/ico-fleche-droite.gif") no-repeat 0 6px;
	padding: 0 0 0 15px;
}

.accueil #liensutiles {
	padding: 15px 0;
	font-size: 90%;
}

.accueil #liensutiles h2 {
	font-size: 150%;
	margin: 0.3em 0 0.7em;
}

.accueil #liensutiles ul {
	margin: 0;
}

.accueil #liensutiles ul li {
	background: url("/img/interface/ico-lienutile.gif") no-repeat 0 1px;
	padding: 0 0 7px 22px;
	height: 1%;
}

.accueil #boutons {
	margin: 2em 0 0;
}

.accueil #boutons ul {
	font-size: 120%;
	line-height: 1.3;
	margin: 0;
}

.accueil #boutons ul li {
	margin: 0 0 6px;
	border-bottom: 1px solid #494743;
}

.accueil #boutons ul li a {
	background: url("/img/interface/bg-bouton-accueil.jpg") no-repeat top center;
	display: block;
	color: #373737;
	text-decoration: none;
	padding: 12px 15px;
	height: 1%;
}

.accueil #boutons ul li a:hover {
	color: #fff;
	background: #494743;
}

.accueil #boutons ul li strong {
	display: block;
}
.accueil #boutons ul li small {
	font-size: 60%;
	line-height: 2;
}

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

#resultats {
	background: #fff;
	border: 1px solid #ccc;
	padding: 14px;
}
 
#resultats .resultat {
	border-bottom: 1px solid #dddddd;
	padding: 16px;
}

#resultats .resultat h2 {
	font-size:150%;
	font-weight:bold;
	margin: 0 0 0.2em;
}

#resultats .resultat h2 a {
	text-decoration: none;
}

#resultats .resultat p {
	margin: 0;
}

#resultats .resultat p strong {
	background: #FFEA98;
	font-weight: normal;
}

#resultats .resultat h2 strong {
	background: #FFEA98;
}

body.recherche #titrepage {
	padding-left: 14px;
	background-image: url("/img/interface/bg-outil-titre-large.gif");
}

#resultats .aucun {
	padding: 14px;
}

 
/*
 * @section Outil
 ******************************************************************************/

.outil #contenu-principal {
	background: #fff;
}
 
.outil #contenu-principal .outil-entete {
	background: #ff7d00 url("/img/interface/bg-outil-entete.jpg") repeat-x bottom left;
	color: #fff;
}

.outil #contenu-principal .outil-entete h1 {
	background: url("/img/interface/bg-outil-titre.gif") no-repeat top left;
	padding: 10px 30px;
	font-size: 200%;
	letter-spacing: -0.02em;
	border-bottom: 1px solid #f4f4f4;
	margin: 0 0 5px;
	line-height: 1.1;
}


.outil #contenu-principal .outil-entete .acceder {
	width: 430px;
	padding-left: 30px;
	float: left;
	padding-bottom: 15px;
}

.outil #contenu-principal .outil-entete .acceder h2 a {
	font-size: 150%;
	letter-spacing: -0.01em;
	color: #fff;
	text-decoration: underline;
	background: url("/img/interface/ico-acceder.png") no-repeat 0 3px;
	display: block;
	padding: 4px 2px 9px 34px;
	margin-bottom: 0;
}

.outil #contenu-principal .outil-entete .document {
	background: url("/img/interface/ico-acceder.png") no-repeat 0 3px;
	padding: 4px 2px 9px 34px;
	margin: 0 0 0.4em;
}

.outil #contenu-principal .outil-entete .document h2 {
	font-size: 150%;
	letter-spacing: -0.01em;
	display: block;
	padding-right: 8px;
	float: left;
	clear: both;
	line-height: 1.4;
}

.outil #contenu-principal .outil-entete .document ul {
	margin: 0 0 0;
}

.outil #contenu-principal .outil-entete .document li {
	float: left;
	padding: 5px 8px 0 0;
}

.outil #contenu-principal .outil-entete .document li.pdf a {
	background: url("/img/interface/ico-pdf.png") no-repeat 0 50%;
}

.outil #contenu-principal .outil-entete .document li.doc a {
	background: url("/img/interface/ico-doc.png") no-repeat 0 50%;
}

.outil #contenu-principal .outil-entete .document a {
	color: #fff;
	padding: 1px 1px 1px 19px;
}

.outil #contenu-principal .outil-entete .acceder p {
	padding: 0 0 0 34px;
	font-size: 90%;
	margin: 0;
}

.outil #contenu-principal .outil-entete .autres {
	float: right;
	width: 222px;
	padding: 4px 0 5px;
}

.outil #contenu-principal .outil-entete .autres ul {
	margin: 0;
}

.outil #contenu-principal .outil-entete .autres li {
	margin: 0 0 6px;
	float: left;
}

.outil #contenu-principal .outil-entete .autres li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
	padding: 4px 2px 4px 34px;
	display: block;
}

.outil #contenu-principal .outil-entete .autres li a:hover {
	text-decoration: underline;
}

.outil #contenu-principal .outil-entete .autres li.favori a { background: url("/img/interface/ico-favori-add.png") no-repeat 1px 3px; }
.outil #contenu-principal .outil-entete .autres li.supprimer-favori a { background: url("/img/interface/ico-favori-remove.png") no-repeat 1px 3px; }
.outil #contenu-principal .outil-entete .autres li.ami a { background: url("/img/interface/ico-ami.png") no-repeat 0 0; }
.outil #contenu-principal .outil-entete .autres li.imprimer a { background: url("/img/interface/ico-imprimer.png") no-repeat 2px 2px; }

.outil #contenu-principal .outil-entete .onglets {
	clear: both;
	height: 1%;
	border: none;
}

.outil #contenu-principal .outil-entete .onglets ul {
	margin: 0;
	padding: 0 0 0 14px;
	font-weight: bold;
	
}

.outil #contenu-principal .outil-entete .onglets ul li {
	float: left;
	margin-right: 3px;
	background: #e9e9e8 url("/img/interface/bg-outil-onglet-gauche.gif") no-repeat top left;
}

.outil #contenu-principal .outil-entete .onglets ul li:hover {
	background-color: #ddd;
}

.outil #contenu-principal .outil-entete .onglets ul li a {
	background: url("/img/interface/bg-outil-onglet-droite.gif") no-repeat top right;
	display: block;
	color: #777;
	padding: 5px 17px;
	text-decoration: none;
	outline: none;
}

.outil #contenu-principal .outil-entete .onglets ul li a:hover {
	text-decoration: underline;
}

.outil #contenu-principal .outil-entete .onglets ul li.actif {
	background-color: #fff;
}

.outil #contenu-principal .outil-entete .onglets ul li.actif a {
	color: #555;
}

.outil #contenu-principal .outil-soustitre {
	border-bottom: 1px solid #b6b5b4;
	font-size: 90%;
	margin: 0 0 2em;
}

.outil #contenu-principal .outil-soustitre p {
	margin: 0;
	background: url("/img/interface/ico-outil-soustitre.jpg") no-repeat 2px 12px;
	padding: 16px 6px 10px 27px;
}

#outils .outil.experimentation p.meta,
.outil #contenu-principal.experimentation .outil-soustitre p
{ background-image: url("/img/interface/ico-outil-experimentation.jpg") !important; }

#outils .outil.visite p.meta,
.outil #contenu-principal.visite .outil-soustitre p
{ background-image: url("/img/interface/ico-outil-visite.jpg") !important; }

#outils .outil.autre p.meta,
.outil #contenu-principal.autre .outil-soustitre p
{ background-image: url("/img/interface/ico-outil-autre.jpg") !important; }


.outil #contenu-principal .outil-contenu {
	padding: 20px 14px 8px 32px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.outil #contenu-principal .proposer {
	padding: 15px 20px 7px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

.outil #contenu-principal .proposer span {
	display: block;
	border-top: 1px solid #b7b5b4;
	padding-top: 13px;
}

.outil #contenu-principal .proposer a, 
#contenu-principal .proposer-ressource a {
	background: url("/img/interface/ico-proposer-modification.jpg") no-repeat 0 50%;
	padding: 2px 2px 12px 28px;
	height: 1%;
	font-weight: bold;
	display: block;
	float: left;
}

.outil #contenu-principal #description {
	padding-top: 10px;
}

.outil #contenu-principal #etudes-concernes h2,
.outil #contenu-principal #secteurs-associes h2 {
	margin: 0 0 0.8em;
	font-size: 120%;
}

.outil #contenu-principal #etudes-concernes h3,
.outil #contenu-principal #secteurs-associes h3 {
	margin: 0 0 0.3em;
	font-size: 100%;
}

.outil #contenu-principal #etudes-concernes .programmes-direct {
	width: 48%;
	float: left;
}

.outil #contenu-principal #etudes-concernes .programmes-indirect {
	width: 48%;
	float: right;
}

.outil #contenu-principal #secteurs-associes .secteurs-ppo {
	width: 48%;
	float: left;
}

.outil #contenu-principal #secteurs-associes .secteurs-professionelle {
	width: 48%;
	float: right;
}

.outil #contenu-principal .outil-contenu a {
	
}

.outil #contenu-principal .outil-contenu h2 {
	margin: 1.5em 0 4px;
}

.outil #contenu-principal .outil-contenu p.infos {
	margin-top: 1em;
	line-height: 1.8;
}

.outil #contenu-principal .outil-contenu .description {
	margin: 0 0 2em;
}

.outil #contenu-principal .outil-contenu ul {
	margin-left: 0;
}

.outil #contenu-principal .outil-contenu li {
	background: url("/img/interface/img-bullet.gif") no-repeat 3px 8px;
	padding: 0 0 0 16px;
}

.outil #contenu-principal .outil-contenu ul.materiel li {
	background: url(/img/interface/ico-outil-soustitre.jpg) no-repeat scroll 0 0;
	padding: 0 0 0 22px;
	margin: 0 0 0.6em;
}

.outil #contenu-principal.experimentation .outil-contenu ul.materiel li.cartable { background: url("/img/interface/bg-ico-experimentation-cartable.gif") no-repeat 0 1px; }
.outil #contenu-principal.experimentation .outil-contenu ul.materiel li.ordinateur { background: url("/img/interface/bg-ico-experimentation-ordinateur.gif") no-repeat; }
.outil #contenu-principal.experimentation .outil-contenu ul.materiel li.coffret { background: url("/img/interface/bg-ico-experimentation-coffret.gif") no-repeat; }

.outil #contenu-principal.visite .outil-contenu ul.materiel li.cartable { background: url("/img/interface/bg-ico-visite-cartable.gif") no-repeat 0 1px; }
.outil #contenu-principal.visite .outil-contenu ul.materiel li.ordinateur { background: url("/img/interface/bg-ico-visite-ordinateur.gif") no-repeat; }
.outil #contenu-principal.visite .outil-contenu ul.materiel li.coffret { background: url("/img/interface/bg-ico-visite-coffret.gif") no-repeat; }

.outil #contenu-principal.autre .outil-contenu ul.materiel li.cartable { background: url("/img/interface/bg-ico-autre-cartable.gif") no-repeat 0 1px; }
.outil #contenu-principal.autre .outil-contenu ul.materiel li.ordinateur { background: url("/img/interface/bg-ico-autre-ordinateur.gif") no-repeat; }
.outil #contenu-principal.autre .outil-contenu ul.materiel li.coffret { background: url("/img/interface/bg-ico-autre-coffret.gif") no-repeat; }

.outil #contenu-principal .outil-contenu .photo {
	float: right;
	margin: 0 0 2em 2em;
	width: 296px;
}

.outil #contenu-principal .outil-contenu .photo em {
	font-style: normal;
	display: block;
	border-bottom: 1px solid #b7b5b4;
	padding: 5px 7px;
	text-align: center;
	font-size: 90%;
}

.outil #contenu-principal .outil-contenu .restriction {
	background: #fff7d6;
	padding: 10px 14px 1px;
	margin-left: -14px;
	
	clear: both;
}

.outil #contenu-principal .outil-contenu .restriction h2 {
	margin-top: 0;
}

.outils #contenu-secondaire h2,
.outil #contenu-secondaire h2,
.rss #contenu-secondaire h2,
.forum #contenu-secondaire h2,
.statique #contenu-secondaire h2 {
	background: #ff7e00 url("/img/interface/bg-sidebar-titre.jpg") no-repeat !important;
	color: #fff;
	line-height: 1.1;
	font-size: 110%;
}
/* raf */
.ressourcesNumeriques #contenu-secondaire h2 {
	background: #0d2c87 url("/img/interface/bg-forum-sidebar-titre.jpg") no-repeat !important;
}



.outils #contenu-secondaire h2 span,
.outil #contenu-secondaire h2 span,
.rss #contenu-secondaire h2 span,
.forum #contenu-secondaire h2 span,
.statique #contenu-secondaire h2 span {
	display: block;
	padding: 9px 4px 9px 48px;
	min-height: 2.2em;
}

.outils #contenu-secondaire h2.court span,
.outil #contenu-secondaire h2.court span,
.rss #contenu-secondaire h2.court span,
.forum #contenu-secondaire h2.court span,
.statique #contenu-secondaire h2.court span {
	padding: 17px 4px 9px 48px;
	min-height: 1.6em;
	height: auto !important;
	height: 1.6em;
}

.outils #contenu-secondaire ul,
.outil #contenu-secondaire ul,
.rss #contenu-secondaire ul,
.forum #contenu-secondaire ul,
.statique #contenu-secondaire ul {
	margin: 0;
	font-size: 100%;
	line-height: 1.1;
	background: url("/img/interface/bg-sidebar.jpg") repeat-x bottom left;
	padding: 0 0 31px;
}

.outils #contenu-secondaire ul li,
.outil #contenu-secondaire ul li,
.rss #contenu-secondaire ul li,
.forum #contenu-secondaire ul li,
.statique #contenu-secondaire ul li {
	border-bottom: 1px solid #dcdcdc;
}

.outils #contenu-secondaire ul li a,
.outil #contenu-secondaire ul li a,
.rss #contenu-secondaire ul li a,
.forum #contenu-secondaire ul li a,
.statique #contenu-secondaire ul li a {
	background: #fff;
	display: block;
	padding: 6px 10px 6px 13px;
	color: #494744;
	text-decoration: none;
}

.outils #contenu-secondaire ul li a:hover,
.outil #contenu-secondaire ul li a:hover,
.rss #contenu-secondaire ul li a:hover,
.forum #contenu-secondaire ul li a:hover,
.statique #contenu-secondaire ul li a:hover {
	background: #fff6cc;
}

.outils #contenu-secondaire ul li.active a,
.outil #contenu-secondaire ul li.active a,
.rss #contenu-secondaire ul li.active a,
.forum #contenu-secondaire ul li.active a,
.statique #contenu-secondaire ul li.active a {
	background: #ffea87;
	font-weight: bold;
}

/*
 * @section Utilitaires
 ******************************************************************************/

body #page ul.utilitaires {
	float: right;
	margin: 30px 0 0 0;
}

body #page ul.utilitaires li {
	float: left;
	margin-left: 12px;
}

body #page ul.utilitaires li a {
	font-weight: bold;
	text-decoration: none;
	padding: 2px 2px 12px 28px;
	display: block;
	height: 1%;
	float: left;
}

body #page ul.utilitaires li a:hover,
body #page ul.utilitaires li a:focus {
	text-decoration: underline;
}

body #page ul.utilitaires li.active a {
	color: #FF4D00;
}
/* raf */
body.connexion #page ul.utilitaires li.active a,
body.blogues #page ul.utilitaires li.active a,
body.ressourcesNumeriques #page ul.utilitaires li.active a {
	color: #0d2c87;
}

body #page ul.utilitaires li.rss a { background: url("/img/interface/ico-rss.jpg") no-repeat; }
 
body #page ul.utilitaires li.ami a { background: url("/img/interface/ico-ami.jpg") no-repeat; }
body #page ul.utilitaires li.accueil a { background: url("/img/interface/ico-accueil.jpg") no-repeat; }
body #page ul.utilitaires li.aide a { background: url("/img/interface/ico-agregateur-aide.jpg") no-repeat; }
body #page ul.utilitaires li.ajouter a { background: url("/img/interface/ico-agregateur-ajouter.jpg") no-repeat; }
body #page ul.utilitaires li.exporter a { background: url("/img/interface/ico-agregateur-exporter.jpg") no-repeat; }
body #page ul.utilitaires li.importer a { background: url("/img/interface/ico-agregateur-importer.jpg") no-repeat; }

body #page ul.utilitaires li.aide a { background: url("/img/interface/ico-forum-aide.jpg") no-repeat; }
body #page ul.utilitaires li.ajouter a { background: url("/img/interface/ico-forum-ajouter.jpg") no-repeat; }
body #page ul.utilitaires li.messages a { padding-left: 0; }
body #page ul.utilitaires li.rss a { background: url("/img/interface/ico-rss.jpg") no-repeat; }

 
/*
 * @section Outils
 ******************************************************************************/
	
#titrepage,
.formulaire #contenu-principal h1,
.statique #contenu-principal h1,
.rss #contenu-principal h1,
.forum #contenu-principal h1,
.outils #contenu-principal h1 {
	background: #FE7C00 url("/img/interface/bg-outil-titre.gif") no-repeat top left;
	color: #fff;
	font-size: 200%;
	letter-spacing: -0.02em;
	padding: 8px 10px 8px 24px;
	margin: 0;
}
/* raf */
body.connexion #titrepage,
body.connexion #contenu-principal h1,
body.blogues #titrepage,
body.blogues #contenu-principal h1,
body.ressourcesNumeriques #titrepage,
body.ressourcesNumeriques #contenu-principal h1 { background-color: #0d2c87; }

body.ressourcesNumeriques .haut,
body.ressourcesNumeriques #titresection,
body.ressourcesNumeriques #pied,
body.ressourcesNumeriques #pied-quebec,
body.ressourcesNumeriques #piv,
body.ressourcesNumeriques #nav,
body.ressourcesNumeriques #entete {
	display: none;
}

body.ressourcesNumeriques #page {
	background: url("../img/interface/bg-forum-page.jpg") no-repeat top center;
	padding: 110px 0 20px 0;
}

body.ressourcesNumeriques #contenu {
	background:none repeat scroll 0 0 transparent;
}

body.ressourcesNumeriques #contenu-principal {
	clear: both;
}

body.ressourcesNumeriques ul.utilitaires, body.ressourcesNumeriques #page ul.utilitaires {
	margin: 0;
}

body.ressourcesNumeriques div#statique {
	border-bottom: 1px solid #bab9b9;
}

#outils {
	padding: 14px;
	border: 1px solid #bab9b9;
	border-top: none;
	background: #fff;
	margin: 0;
}

.onglets {
	margin: 0;
	font-size: 90%;
	border-bottom: 1px solid #ddd;
}

.onglets li {
	margin: 0 3px 0 0;
	background: #e5e5e5 url("/img/interface/bg-outils-onglet-droite.gif") no-repeat top right;
	float: left;
}

.onglets li a,
.onglets li a:visited {
	margin: 0;
	background: url("/img/interface/bg-outils-onglet-gauche.gif") no-repeat top left;
	padding: 5px 14px;
	color: #494743;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.onglets li:hover {
	background-color: #ddd;
}

.onglets li a:hover {
	text-decoration: underline;
}

.onglets li.actif {
	background-color: #ffea98;
}



#outils .outil {
	border-bottom: 1px solid #dddddd;
	padding: 16px;
}

#outils .outil.dernier {
	border-bottom: none;
	padding-bottom: 0;
}

#outils .outil h2 {
	font-size: 150%;
	font-weight: bold;
}

#outils .outil h2 a {
	text-decoration: none;
}

#outils .outil h2 a:hover {
	text-decoration: underline;
}

#outils .outil p {
	margin: 0;
}

#outils .outil p.meta {
	font-size: 90%;
	background: url("/img/interface/ico-outil-soustitre-jaune.jpg") no-repeat 0 2px;
	padding: 8px 3px 10px 24px;
}

.pagination {
	text-align: center;
	font-size: 140%;
	font-weight: bold;
}

.pagination p {
	margin: 0;
	padding: 15px 0 0;
	word-spacing: 0.3em;
}

.pagination a {
	text-decoration: none;
}

.pagination .fleche-gauche {
	margin-right: 7px;
}

.pagination .fleche-droite {
	margin-left: 7px;
}
 
/*
 * @section Statique
 ******************************************************************************/
 
body.statique #colonnes {
	background: url("/img/interface/bg-colonnes.gif") repeat-y;
}

body.statique .haut {
	width: 709px;
	border-top: 1px solid #bab9b9;
	margin-left: 233px;
}

body.forbidden .haut {
	margin: 0;
	width: auto;
}
 
#contenu-principal #statique {
	padding: 14px;
}
 
#contenu-principal #statique h3 {
	font-size: 115%;
	margin: 0 0 0.4em;
}

.avertissement .logo-recit {
	float: right;
	margin: 0 0 2em 2em;
}

.avertissement a {
	color: #3262A4;
}

.avertissement ul,
#contenu-principal #statique ul {
	margin-left: 22px;
}

.avertissement ol,
#contenu-principal #statique ol {
	margin-left: 26px;
}

.avertissement ul li,
#contenu-principal #statique ul li {
	list-style: disc;
}

.avertissement ol li,
#contenu-principal #statique ol li {
	list-style: decimal;
}

.avertissement ul li, .avertissement ol li {
	margin: 0 0 0.3em;
}

.statique #contenu-principal h1 {
	padding-left: 15px;
}

.statique #contenu-principal h2 {
	font-size: 130%;
	margin: 1.5em 0 0.3em;
}

.statique #contenu-principal h2.premier {
  margin-top: 0.3em;
}

.statique #contenu-secondaire h2 {
	background: #ff7e00 url("/img/interface/bg-sidebar-titre-statique.jpg") no-repeat;
}

.statique #contenu-secondaire h2 span {
	padding-left: 12px;
}
 
/*
 * @section Agrégateur
 ******************************************************************************/

.rss #contenu-principal h1 {
	padding-left: 28px;
}

.rss #colonnes {
	clear: both;
}
 
.rss #flux {
	padding: 14px;
	border: 1px solid #bab9b9;
	border-top: none;
	background: #fff;
	margin: 0;
}

.rss .onglets ul {
	margin: 0 0 0;
	float: left;
}

.rss .onglets .total {
	float: right;
}

.rss #flux .item {
	border-bottom: 1px solid #dddddd;
	padding: 16px;
}

.rss #flux p.ajouter-flux {
	margin: 0;
}

.rss #flux p.ajouter-flux a {
	background: url(/img/interface/ico-agregateur-ajouter-alt.jpg) no-repeat scroll 0 50%;
	display: block;
	float: left;
	font-weight: bold;
	height: 1%;
	padding: 2px 2px 12px 28px;
}

.rss #flux p.action-bas {
	padding: 16px;
}

.rss #flux p.action-bas a {
	padding: 2px 2px 12px 28px;
	height: 1%;
	font-weight: bold;
}

.rss #flux p.action-lus a {
	background: url("/img/interface/ico-marquer-lus.jpg") no-repeat 0 50%;
}

.rss #flux p.action-nonlus a {
	background: url("/img/interface/ico-marquer-nonlus.jpg") no-repeat 0 50%;
}

.rss #flux .item.dernier {
	border-bottom: none;
	padding-bottom: 0;
}

.rss #flux .item h2 {
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 0.5em;
}

.rss #flux .item h2 a {
	text-decoration: none;
}

.rss #flux .item h2 a:hover {
	text-decoration: underline;
}

.rss #flux .item p.meta {
	font-size: 90%;
}

.rss #flux .item p.action {
	font-size: 90%;
	margin: 0;
}

.rss #flux .item p.action span {
	background: #eaeaea;
	float: left;
	padding: 5px 7px 5px 5px;
}

.rss #flux .item p.action span input {
	float: left;
}

.rss #flux .item p.action span label {
	display: inline;
	float: left;
}

.rss #flux .item p.action span a,
.rss #flux .item p.action span strong {
	color: #555;
	font-weight: bold;
	text-decoration: none;
	margin: 3px 0 0 2px;
	float: left;
	display: inline;
}

.rss #flux .item p.action span a {
	margin-top: 1px;
}

.rss .intro {
	padding: 4px 14px;
	margin: 0 0 0;
}

.rss .tous .intro {
	width: auto;
	padding-right: 14px;
}

.rss .autres {
	float: right;
	margin: 0 0 1em 2em;
	text-align: right;
}

.rss .autres ul {
	margin: 0;
}

.rss .autres ul li a {
	padding: 2px 2px 12px 28px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	background: url("/img/interface/ico-agregateur-supprimer.jpg") no-repeat top left;
}

.rss .intro p {
	
}
 

/*
 * @section Forum
 ******************************************************************************/

body.forum .haut,
body.forum #titresection,
body.forum #pied,
body.forum #pied-quebec,
body.forum #piv,
body.forum #nav,
body.forum #entete {
	display: none;
}

body.forum a {
	color: #0B2B89;
}

body.forum #contenu {
	background: none;
}

body.forum #page {
	background: url("../img/interface/bg-forum-page.jpg") no-repeat top center;
	padding: 110px 0 20px 0;
}

body.forum #contenu-principal h1 {
	background: url("../img/interface/bg-forum-titre.jpg") no-repeat top left;
}

body.forum #contenu-secondaire h2 {
	background: url("../img/interface/bg-forum-sidebar-titre.jpg") no-repeat top left !important;
}

body.forum #contenu-secondaire ul li a:hover { background: #f5f5ff; }
body.forum #contenu-secondaire ul li.active a { background: #e1e8fb; }

body.forum .commun .submit input {
	background: #0B2B89;
	border: none;
}

body.forum #page .utilitaires {
	margin: 0;
}

body.forum #page .utilitaires a {
	color: #0e2c88;
}

body.forum #page .utilitaires .active a {
	color: #FAB519;
}
 
#forum {
	background: #fff;
	border: 1px solid #bab9b9;
	border-top: none;
	padding: 14px;
}

body.forum p.messages {
	padding: 0 10px 0 13px;
	margin-top: -15px;
	position: relative;
	font-weight: bold;
}

body.forum p.messages a {
	color: #444;
}

.forum-categorie #forum table {
	width: 100%;
}

.forum-categorie #forum tbody tr.hover td,
.forum-categorie #forum tbody tr.hover th,
.forum-categorie #forum tbody tr:hover td,
.forum-categorie #forum tbody tr:hover th {
	background: #f5f5ff;
	cursor: pointer;
}

.forum-categorie #forum th {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: none;
	text-align: left;
}

.forum-categorie #forum td {
	border-bottom: 1px solid #e2e2e2;
	background: none;
	height: 1%;
}

.forum-categorie #forum td a {
	text-decoration: none;
}

.forum-categorie #forum th.sujet, .forum-categorie #forum td.sujet {
	width: 60%;
}

.forum-categorie #forum th.dernier, .forum-categorie #forum td.dernier {
	width: 25%;
}

.forum-categorie #forum th.messages, .forum-categorie #forum td.messages {
	width: 15%;
	text-align: center;
}

.forum-categorie #forum th,
.forum-categorie #forum td {
	padding: 8px 8px;
	font-size: 110%;
}

.forum-categorie #forum th {
	font-size: 115%;
}

#forum .message {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 28px 10px;
}
 
#forum .replique {
	padding: 10px 28px;
	border-top: 1px solid #fff;
	border-bottom: none;
	background: #fffae4;
	border-bottom: 1px solid #ddd;
}

#forum .message-alt {
	background: #fff;
}
 
#forum .message .auteur {
	background: url("/img/interface/ico-forum-user.jpg") no-repeat;
	padding: 2px 0 2px 18px;
	margin-left: -18px;
	position: relative;
	height: 1%;
}
 
#forum .replique .auteur {
	background: url("/img/interface/ico-forum-user-alt.jpg") no-repeat;
}
 
#forum .message-alt .auteur {
	background: url("/img/interface/ico-forum-user.jpg") no-repeat;
}

#forum .message h2 {
	font-size: 1.3em;
	padding: 5px 18px;
	margin: 1em 0 .5em -18px;
	position: relative;
	height: 1%;
}

#forum .message ul {
	margin-left: 18px;
}
 
#forum .message ul li {
	list-style: disc;
}

#forum .message ul.message-utilitaires {
	margin: 0 0 0 -1px;
	padding: 0.4em 0 0.5em;
}

#forum .message ul.message-utilitaires li {
	float: left;
	list-style: none;
	padding-right: 12px;
}

#forum .message ul.message-utilitaires li a {
	padding: 2px 2px 2px 28px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#forum .message ul.message-utilitaires li a:hover {
	text-decoration: underline;
}

#forum .message ul.message-utilitaires li.telecharger a {
	background: url("/img/interface/ico-forum-telecharger.jpg") no-repeat;
}

#forum .replique ul.message-utilitaires li.telecharger a {
	background: url("/img/interface/ico-forum-telecharger-alt.jpg") no-repeat;
}

#forum .message-alt ul.message-utilitaires li.telecharger a {
	background: url("/img/interface/ico-forum-telecharger.jpg") no-repeat;
}

#forum .message ul.message-utilitaires li.repondre a {
	background: url("/img/interface/ico-forum-repondre.jpg") no-repeat;
}

#forum .message ul.message-utilitaires li.supprimer a {
	background: url("/img/interface/ico-forum-supprimer.jpg") no-repeat;
}

#forum .replique ul.message-utilitaires li.supprimer a {
	background: url("/img/interface/ico-forum-supprimer-alt.jpg") no-repeat;
}

#forum .message-alt ul.message-utilitaires li.supprimer a {
	background: url("/img/interface/ico-forum-supprimer.jpg") no-repeat;
}

#forum p.repondre {
	border-top: 1px solid #e2e2e2;
	padding-top: 14px;
	padding-left: 27px;
	margin: 0;
}

#forum p.repondre a {
	background: url("/img/interface/ico-forum-repondre.jpg") no-repeat;
	padding: 2px 2px 2px 28px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

/*
 * @section Communs
 ******************************************************************************/
 
.options {
	font-size: 90%;
	border-bottom: 1px solid #dcdcdc;
}

.options .sort {
	float: left;
	padding: 7px 8px 7px 14px;
}

.options .sort p {
	margin: 0;
}

.options .sort a {
	color: #68643c;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
}

.options .sort a:focus,
.options .sort a:hover {
	text-decoration: underline;
}

.options .sort a.asc {
	padding: 0 14px 0 0;
	background: url("/img/interface/bg-fleche-haut.gif") no-repeat 100% 50%;
}

.options .sort a.desc {
	padding: 0 14px 0 0;
	background: url("/img/interface/bg-fleche-bas.gif") no-repeat 100% 50%;
}

.options .total {
	float: right;
	padding: 5px 7px 7px;
}

.options .total form {
	float: right;
}

.types {
	padding: 0 0 20px 10px;
}
 
/*
 * @section Overlay
 ******************************************************************************/
 
#overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 8000;
}

#overlay .shadow {
	height: 100%;
	width: 100%;
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8100;
	background: #000;
}

#overlay .formulaire {
	z-index: 8200;
	position: absolute;
	width: 600px;
	margin-left: -300px;
	left: 50%;
	top: 0;
	display: none;
	padding-bottom: 50px;
}
 
#overlay .formulaire .inner {
	padding: 15px;
	background: #fff;
}

#overlay .formulaire .titre {
	border-radius-topright: 0.2em;
	border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-webkit-border-radius-topright: 0.2em;
	-webkit-border-radius-topleft: 0.2em;
	background: #FF7D00;
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	padding: 8px 15px;
	margin: 0 0 1px;
}

/* raf */
body.forum #overlay .formulaire .titre,
body.connexion #overlay .formulaire .titre,
body.blogues #overlay .formulaire .titre,
body.ressourcesNumeriques #overlay .formulaire .titre { background: #0d2c87; }

#overlay.recit .formulaire .titre {
	background: #3262A4;
}
 
#overlay .formulaire .fermer a {
	width: 19px;
	height: 19px;
	background: url("/img/interface/ico-fermer.gif") no-repeat 100% 50%;
	text-indent: -9999px;
	position: absolute;
	top: 9px;
	right: 9px;
	outline: none;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	font-size: 90%;
	
}

/* raf */
body.forum #overlay .formulaire .fermer a,
body.connexion #overlay .formulaire .fermer a,
body.blogues #overlay .formulaire .fermer a,
body.ressourcesNumeriques #overlay .formulaire .fermer a { background-image: url("/img/interface/ico-fermer-bleu.gif"); }

#overlay.recit .formulaire .fermer a {
	background: none;
	padding-right: 0;
}

#overlay .formulaire .fermer a span {
	padding: 0 24px 0 0;
	line-height: 1.6;
}

#overlay.recit .formulaire .fermer a span {
	padding: 0;
}

#overlay .formulaire .fermer a:hover span {
	text-decoration: underline;
}
 
/*
 * @section Formulaires
 *
 * .commun input
 * #overlay .commun input
 * #contenu .commun input
 ******************************************************************************/

body.formulaire #statique {
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
}

body.forbidden #statique {
	border-bottom: none;
}
 
.commun ul {
	margin: 0 !important;
}

.commun ul li {
	list-style: none !important;
}

.commun .warning {
	background: #f9f4df;
	padding: 8px;
}

.commun fieldset {
	border: 1px solid #ddd;
	margin: 0 0 1.5em;
	padding: 0 10px 10px;
	background: #fff;
}

.commun fieldset.sans-legend {
	padding-top: 10px;
}

.commun fieldset legend {
	font-weight: bold;
	font-size: 120%;
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin-left: -5px;
	margin-bottom: 10px;
}

.commun fieldset li {
	margin: 0 0 10px;
}

.commun fieldset li.erreur label,
.commun fieldset li.erreur em.o {
	color: #a00;
}

.commun fieldset li.erreur input.text,
.commun fieldset li.erreur select,
.commun fieldset li.erreur textarea {
	border: 1px solid #a00;
	color: #300;
}

.commun fieldset li label {
	float: left;
	width: 160px;
	padding-top: 3px;
}

.commun fieldset li label img {
	float: left;
	margin: 0 3px 0 0;
}

.commun textarea,
.commun input.text {
	border: 1px solid #bbb;
	padding: 3px;
}


.commun .o em,
.commun em.o {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #FF7D00;
}

/* raf */
body.forum #overlay .formulaire .o em,
body.forum #overlay .formulaire em.o,
body.connexion #overlay .formulaire .o em,
body.connexion #overlay .formulaire em.o,
body.blogues #overlay .formulaire .o em,
body.blogues #overlay .formulaire em.o,
body.ressourcesNumeriques #overlay .formulaire .o em,
body.ressourcesNumeriques #overlay .formulaire em.o,
body.forum .commun .o em,
body.forum .commun em.o,
body.connexion .commun .o em,
body.connexion .commun em.o,
body.blogues .commun .o em,
body.blogues .commun em.o,
body.ressourcesNumeriques .commun .o em,
body.ressourcesNumeriques .commun em.o {
	color: #0d2c87;
}


.commun .submit {
	margin: 0;
	text-align: center;
}

.commun .submit input {
	background: #FF7D00;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	border: none;
	padding: 6px;
	border-bottom: 1px solid #e16e00;
	border-right: 1px solid #e16e00;
}

/* raf */
body.forum #overlay .formulaire .commun .submit input,
body.connexion #overlay .formulaire .commun .submit input,
body.blogues #overlay .formulaire .commun .submit input,
body.ressourcesNumeriques #overlay .formulaire .commun .submit input,
body.connexion .commun .submit input,
body.blogues .commun .submit input,
body.ressourcesNumeriques .commun .submit input {
	background: #0d2c87;
	border-bottom: 1px solid #051d63;
	border-right: 1px solid #051d63;
}

.commun ul.fichiers {
	margin: 0;
	float: left;
}

#contenu .commun ul.fichiers {
	width: 490px;
}

#contenu .commun ul.fichiers li {
	margin: 0 0 4px;
}

.commun ul.radio {
	margin: 0;
	float: left;
}

#contenu .commun ul.radio {
	width: 490px;
}

.commun ul.radio li {
	margin: 0 0 4px;
}

.commun ul.radio li label {
	margin: 0;
	float: left;
	width: auto;
	padding: 0 !important;
}

.commun ul.radio li input {
	margin: 0;
	float: left;
	height: 13px;
	width: 13px;
	margin: 1px 4px 0 0;
}

.commun ul.radio div.option_materiel {
	clear: left;
	padding: 6px 0 10px 0;
}

.commun ul.radio div.option_materiel ul {
	padding: 8px;
	
	border: 1px solid #ddd;
}

.commun ul.radio div.option_materiel ul li {
	margin: 0 0 4px;
	padding: 0;
}

.commun ul.radio div.option_materiel ul li label {
	padding: 0 !important;
	float: none;
	margin: 0 0 0 18px;
	display: block;
}

.commun ul.radio div.option_materiel ul li input.text {
	float: none;
	width: auto;
}

.commun .erreurs {
	border: 1px solid #a00;
	color: #a00;
	padding: 15px;
	margin: 0 0 1em;
	background: #fff;
}

.commun .erreurs p {
	margin: 0 0 0.4em;
}
 
.commun .erreurs ul {
	margin: 0 0 0 18px !important;
}

.commun .erreurs ul li {
	list-style: disc !important;
}
 
/*--------------------------------------------------------
 Formulaires en overlay seulement
 --------------------------------------------------------*/
#overlay .commun textarea {
	width: 370px;
} 
 
/*--------------------------------------------------------
 Formulaires en page seulement
 --------------------------------------------------------*/

#contenu .commun textarea {
	width: 378px;
} 
 
body.formulaire #contenu-principal {
	
}

body.formulaire #contenu-principal h1 {
	padding-left: 15px;
}

 
/*
 * @section Pied de page
 ******************************************************************************/
 
p.haut {
	margin: 0;
	padding: 1.2em 2px;
	text-align: right;
	font-size: 90%;
} 

p.haut a {
	color: #4A4643;
}

#pied {
	background: url("/img/interface/bg-pied.jpg") repeat-y top center;
}

#pied .inner {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	font-size: 90%;
	padding: 12px 0;
}

#pied ul {
	margin: 0;
	float: left;
}

#pied ul li {
	float: left;
	padding-right: 7px;
	border-right: 1px solid #cfcecd;
	margin-right: 7px;
}

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

#pied ul li a {
	color: #fff;
	text-decoration: none;
}

#pied ul li a:hover {
	text-decoration: underline;
}

#pied p {
	color: #a3a1a0;
	float: right;
	margin: 0;
}

#pied-quebec {
	width: 977px;
	margin: auto;
	padding: 13px 0 10px;
	text-align: center;
	background: #fff;
	font-size: 90%;
}

#pied-quebec p {
	margin: 0;
}

#pied-quebec a {
	color: #4D679B;
	text-decoration: none;
}

#pied-quebec a:hover {
	text-decoration: underline;
}