body {
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	text-align:center;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size: small; /* Taille du texte de base, référence (et pour NS4)*/
	color:#000000;
}
/* 
	Ie ne peut redimensionner la taille du texte que si elle est fixée avec un keyword (medium, small, x-small, etc)
	medium : 14px, small:12px, x-small : 10px, xx-small:8px;
	Sauf IE 5 qui buggue, et ajoute 2px à chacun, donc pour lui il va falloir le mettre en x-small au lieu de small grace au bug de compilation du voice-family
*/

.conteneur {
	position:static;
	font-size: x-small; /* Pour IE 5, une taille en dessous */
	voice-family: "\"}\""; /* IE 5 s'arrete ici */
	voice-family: inherit;
	font-size: 0.9em; /* pour tous les autres IE */
}
html>body .conteneur {
    font-size: 0.9em; /* Pour les navigateurs Gecko récents, on fixe la taille */
}

h1, h2, h3, h4, h5, h6, h7 {
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:1em;
}
img {
	border:0px;
}
a {
	color:#E20027;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;

} 
form, ul, li, fieldset {
	margin:0px;
	padding:0px;
	border:0px;	
}
ul {
	list-style:none;
}

.clear_both {
	clear:both;
	font-size:1px;
	height:0px;
	line-height:1px;
}
.input {
	border:1px solid #A59790;
	background-color:#FFFFFF;
	color:#A09186;
}
.button {
	background: #A09186;
	border:1px solid #B4A79F;
	margin:0;
	padding:0;
	color: #FFFFFF;
	font-weight:bold;	
	padding-right:3px;
	padding-left:3px;
}
.warning {
	display:block;
	text-align:center;
	background:#F0EBE8;
	color:#A09186;
	font-weight:bold;
	padding:10px;
	border:3px solid #A09186;
	margin-bottom:15px;
	width:450px;
	margin-right:auto;
	margin-left:auto;
}




textarea {
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size:1em;
}
/* Un formulaire */
form.label_cell {
}
form.label_cell label {
	display:block;
	width:110px;
	float:left;
	margin-right:5px;
	text-align:right;
	white-space:pre;
}
form.label_cell strong {
	color:#E20027;
	font-weight:normal;
}
form.label_cell .champs {
	float:left;
}
form.label_cell .champs select optgroup {
	font-style:normal;
	display:block;
	margin-left:10px;
}
form.label_cell .champs a.calendar {
	font-weight:bold;
	text-decoration:underline;
}
form.label_cell .infos {
	float:left;
	margin-left:10px;
}
form.label_cell .infos .texte, #tooltip, #calendar {
	font-size:0.8em;
	max-width:250px;
	min-width:10px;
	background: #F0EBE8;
	border:1px solid #B4A79F;
	padding:5px;
	color:#A09186;
	position:absolute;
	display:none;
	text-align:left;
	text-decoration:none;
}
form.label_cell .champ_bouton {
	text-align:center;
}
form.label_cell .clear_both {
	margin-bottom:5px;
}
form.label_cell div.error label {
	color: #E20027;
	font-weight:bold;
}
form.label_cell div.error .input {
	background-color:#FFA07A;
	border:1px solid #E20027;
	color:#FFFFFF;
}
form.label_cell div.error .infos .texte {
	background-color: #FFa07A;
	border: 1px solid #E20027;
	font-weight:bold;
	color:#FFFFFF;
}
form.label_cell .champs a.deleteFile {
	font-size:0.8em;
	color:#E20027;
	display:block;
}
form.label_cell h4 {
	font-weight:bold;
	color: #000000;
	margin-top:10px;
	margin-bottom:10px;
}
/* Le lien pour ajouter un item à la liste, ou le supprimer */
form.label_cell a.itemAddNew, form.label_cell a.itemDelete, form.label_cell a.addQCM {
	display:block;
	margin-top:10px;
	font-size:1.1em;
	font-weight:bold
}
/* la liste d'apercu du menu */
form.label_cell ul.itemApercu {
}
form.label_cell ul.itemApercu ul li {
	margin-left:10px;
	font-size:0.8em;
}
#calendar {
	width:220px;
	text-align:center;
	padding-top:0;
}
#calendar a.close {
	display:block;
	font-size:0.8em;
	text-align:right;
	margin-bottom:5px;
}
#calendar div.date {
	text-align:center;
	margin-bottom:3px;
	font-weight:bold;
}
#calendar ul {
	clear:both;
	width:210px;
	margin-right:auto;
	margin-left:auto;
}
#calendar ul li {
	float:left;
	width:25px;
	height:15px;
	text-align:center;
	margin-right:2px;
	margin-bottom:2px;
	border:1px solid #A59790;
}
#calendar ul li.lastMonth {
	border:1px solid transparent;
	visibility:hidden;
}
#calendar ul li.nextMonth {
	border:1px solid #F0EBE8;
	color: 	#E3CEBE;
}
#calendar ul li a {
	display:block;
	height:15px;
	color:#A09186;
}
#calendar ul li a:hover {
	background: #FFFFFF;
}
#calendar ul li.today {
	border-color: #E20027;
	background-color:#FFFFFF;
}
#calendar .previous {
	float:left;
	width:75px;
}
#calendar .previous a {
	display:block;
	text-align:left;
}
#calendar .next {
	float:right;
	width:75px;
}
#calendar .next a {
	display:block;
	text-align:right;
}
/* La mise en forme bbcode */
.div_bbcode {
	width:405px;
}
/* Le div des balises */
.div_bbcode ul.balises {
	float:none;
	height:18px;
}
/* les balises */
.div_bbcode ul.balises li.bbcode {
	display:block;
	float:left;
	width:18px;
	height:18px;
}
.div_bbcode ul.balises li.bbcode a {
	display:block;
	width:18px;
	height:18px;
	cursor:pointer;
	font-size:1px;
	background-color: #C0C0C0;
	background-repeat:no-repeat;
	background-position: 1px 1px;
}
.div_bbcode ul.balises li.bbcode a:hover, .div_bbcode ul.balises li.bbcode a.open {
	text-decoration:none;
	background-color: #A9A9A9;
	background-position: 2px 2px;
}
/* l'espace d'infos */
.div_bbcode input.readonly,  form.label_cell div.error .input.readonly{
	border:none;
	background:transparent;
	cursor:default;
	width:405px;
	height:14px;
	font-size:0.8em;
	color: #A09186;
}
/* Sur certains visuels on rajoute une version plein écran */
img.zoom {
	cursor:pointer;
}
#zoom {
	border:2px solid #A1938A;
	padding:10px;
	text-align:center;
	position:absolute;
	background:#FFFFFF;
}
#zoom img {
	cursor:pointer;
}
#zoom a.fermer {
	display:block;
	text-align:right;
	margin-bottom:5px;
	color:#A1938A;
}
/* Certaines pages contiennent beaucoup d'informations qui sont juste affichées/masquées selon les liens */

#conteneur {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

/* La barre du haut du header : logo + recherche */
#header #top {
	width:900px;
	height:90px;
	background: url("../../images/interface/logo.jpg") 0px 15px no-repeat;	
}
#header #top h1 {
	display:none;
}
#header #top a.logo {
	display:block;
	width:240px;
	height:90px;
	position:absolute;
	font-size:0px;
	line-height:0px;
	color:#FFFFFF;
}
#header #top label.search {
	font-weight:bold;
	font-size:1em;
	margin-left:340px;
	color: #A09186;
	padding-top:45px;
	display:block;
}
#header #top fieldset {
	border:0;
	padding:0;
	margin:0;
	margin-left:340px;
	background: url("../../images/interface/fond-form-search.jpg") top right no-repeat #F0EBE8;
	color: #A09186;	
}
#header #top fieldset legend {
	display:none;	
}
#header #top fieldset ul {
	list-style:none;
	padding:0;
	margin:0;
}
#header #top fieldset ul li {
	margin:0;
	display:block;
	float:left;
	padding:5px;
	font-size:0.9em;
}
#header #top fieldset ul li form {
	margin:0;
	padding:0;
	display:inline;
}
#header #top fieldset ul li form input, #header #top fieldset ul li form select {
	font-size:0.9em;
	padding:0px;
}
#header #top fieldset ul li form label {
	display:none;
}
#header #top fieldset ul li form.keyword input.input {
	width:140px;
	font-size:0.9em;
}
#header #top fieldset ul li form select {
	width:140px;
}
#header #top fieldset ul li form select option {
	width:140px;
}


/* la séparation, soit une image, soit un mince filet rouge */
#header #separation {
	background: #E20027;
	min-height:8px;
	font-size:0px;
	line-height:1px;
}
#header #separation img {
	display:block;
}

/* Le menu */
#header #menu {
	position:absolute;
	display:block;
	width:900px;
	height:10px;
	background: url("../../images/interface/fond-menu.jpg") bottom left repeat-x #FFFFFF;
	
}
#header #menu ul {
	margin:0;
	padding:0;
	margin-top:3px;
	list-style:none;
	height:32px;
	width:590px;
	position:absolute;
}
#header #menu ul li {
	float:left;
	margin:0;
	padding:0;
	height:32px;
	background: url("../../images/interface/fond-menu-header.jpg") top right no-repeat;
}
#header #menu ul li.first-child a {
	background:url("../../images/interface/fond-menu-first.jpg") top left no-repeat transparent;
	padding-left:15px;
}
#header #menu ul li.last-child a {
	background:url("../../images/interface/fond-menu-last.jpg") top right no-repeat transparent;
	padding-right:20px;
}
#header #menu ul li a {
	float:left;
	height:32px;
	padding-top:4px;
	padding-right:12px;
	padding-left:5px;
	color:#A29187;
	font-weight:bold;
	font-size:0.9em;

}
#header #menu ul li a:hover {
	color:#E20027;
	text-decoration:none;	
}

/* l'espace principal de texte */
#contenu {
	background: url("../../images/interface/fond-contenu.jpg") top right repeat-y;
	width:900px;
	padding-bottom:20px;
}
#contenu #texte {
	float:left;
	width:575px;
	margin-right:15px;
	margin-top:47px;
}
#contenu #texte h2 {
	font-size:1.2em;
	margin-bottom:15px;
}
#contenu #texte h2 a {
	color:#E20027;
}
#contenu #texte h2 a.parent {
	font-size:0.9em;	
}

/* Les items du menu à afficher au centre, qui se masquent les uns les autres */
.item {
	margin-left:25px;
}
.item h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
}

/* La colonne de teasing */
#contenu #teasings {
	float:left;
	width: 310px;
	padding-top:35px;
	padding-bottom:10px;

}
#contenu #teasings h3 {
	color:#E20027;
	font-size:1.2em;
	margin-bottom:15px;
	margin-left:20px;
	margin-right:10px;
}
/* les menus (auteur, ouvrage, etc) */
#contenu #teasings ul.menu {
	margin-bottom:20px;
}
#contenu #teasings ul.menu li {
	margin-bottom:2px;
}
#contenu #teasings ul.menu li a {
	background-image: url("../../images/interface/fond-teasing-li.gif");
	background-position:  20px 4px;
	background-repeat: no-repeat;
	color:#000000;
	font-weight:bold;
	padding-left:50px;
	display:block;
	height:1%;
}
#contenu #teasings ul.menu li a.showItem {
	
}
#contenu #teasings ul.menu li a:hover, #contenu #teasings ul.menu li a.focus {
	background-image: url("../../images/interface/fond-teasing-li-hover.jpg");
	background-color:#e68E9C;
	background-repeat: no-repeat;
	text-decoration:none;
}
#contenu #teasings ul.menu li ul li a, #contenu #teasings ul.menu li ul li a.focus {
	background-image:none;
	font-weight:normal;
}
#contenu #teasings ul.menu li ul li a:hover {
	background-image:none;
	background-repeat:no-repeat;
}
#contenu #teasings .visuel {
	text-align:center;
	margin-top:40px;
}
/* Les actualités dans le menu des ouvrages */
#contenu #teasings .actualites {
	border-top:1px solid #A1938A;
	padding-top:10px;
	padding-bottom:10px;
}
#contenu #teasings .actualites a.voir_tous {
	display:block;
	text-align:right;
	padding-right:10px;
}
/* Le Web Companion dans le menu des ouvrages */
#contenu #teasings .webCompanion {
	border-top:1px solid #A1938A;
	padding-top:10px;
	padding-bottom:10px;
}
#contenu #teasings .webCompanion .explication {
	font-size:0.85em;
	padding-left:20px;
}

/* Les articles de presse dans le menu des ouvrages */
#contenu #teasings .articles {
	border-top:1px solid #A1938A;
	padding-top:10px;
	padding-bottom:10px;
}
#contenu #teasings .articles a.voir_tous {
	display:block;
	text-align:right;
	padding-right:10px;
}

/* Le pied de page */
#bottom img.logo {
	position:absolute;
	margin-left:860px;
	margin-top:-47px;
}
#bottom .links {
	background:#E20027;
	text-align:center;
	color: #FFFFFF;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}
 #bottom .links a {
 	font-weight:bold;
	color:#FFFFFF;
	margin-right:5px;
	margin-left:5px;
}
 #bottom .links a:hover {
 	text-decoration:underline;
}
#bottom .copyright {
	text-align:center;
	font-size:0.8em;
	margin-top:10px;
	margin-bottom:10px;
	color: #A09289
}
#bottom .copyright a {
	color: #A09289;
}
#bottom .copyright a:hover {
	text-decoration:underline;
}






/* La page d'index */
#contenu #texte.index .omniscience {
	border-bottom:1px solid #E20027;
	padding-bottom:5px;
}
#contenu #texte.index .omniscience h3 {
	font-size:1.1em;
}
#contenu #texte.index .omniscience h3 .omn {
	color:#A1938A;
}
#contenu #texte.index .omniscience h3 .i {
	color: #E20027;
}
#contenu #texte.index .omniscience h3 .science {
	color:#000000;
}
#contenu #texte.index .omniscience .texte {
	background: url("../../images/interface/logo-mini.gif") 15px 0px no-repeat;
	padding-left:55px;
	padding-top:10px;
	font-weight:bold;
	color: #A1938A;
	height:40px;
}
#contenu #texte.index .omniscience a.en_savoir_plus {
	display:block;
	text-align:right;
}

/* La liste des collections */
#contenu #texte.collections .liens {
	text-align:right;
}
#contenu #texte.collections .liens a.focus {
	font-weight:bold;
}
.collectionListe {
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #E20027;
}
.collectionListe .image {
	float:left;
	width:120px;
	margin-right:10px;
	text-align:center;
}
.collectionListe .texte {
	float:left;
	width:430px;
}
.collectionListe .texte h4 {
	display:block;
	font-size:1.1em;
	margin-bottom:10px;
	font-weight:bold;
}
.collectionListe .texte h4 a {
	color:#000000;
}
.collectionListe .texte h4 a:hover {
	text-decoration:none;
	color:#A1938A;
}
.collectionListe .texte {
	font-size:0.95em;
	text-align:justify;
}
.collectionListe a.voir_collection {
	display:block;
}


/* La liste des ouvrages d'une collection */
.ouvrageListe {
	margin-bottom:15px;
}
.ouvrageListe .image {
	width:90px;
	float:left;
	text-align:center;
}
.ouvrageListe .texte {
	float:left;
	width:470px;
}
.ouvrageListe .texte h3 {
	font-size:1.2em;
}
.ouvrageListe .texte h3 a {
	color:#000000;
}
.ouvrageListe .texte h3 a:hover {
	text-decoration:none;
	color:#A1938A;
}
.ouvrageListe .texte .auteurs a {
	color:#A1938A;
	font-size:0.9em;
}
.ouvrageListe .texte .chapo {
	display:block;
	margin-top:10px;
	font-weight:bold;
	color:#E20027;
	margin-bottom:10px;
}
.ouvrageListe .texte .description {
	color:#000000;
}
.ouvrageListe .texte a.en_savoir_plus {
	display:block;
}

/* La liste des auteurs */
.auteurs .choix {
	text-align:center;
	margin-bottom:20px;
}
.auteurs .choix h5 {
	text-align:left;
	margin-bottom:3px;
}
.auteurs .choix ul {
	list-style:none;
	color:#A1938A;
}
.auteurs .choix ul li {
	display:inline;
	margin-right:5px;
}
.auteurs .choix ul li a.focus {
	font-weight:bold;
	text-decoration:underline;
}
.auteurListe {
	border-bottom:1px solid #E20027;
	margin-bottom:12px;
	margin-left:45px;
	padding-bottom:12px;
}
.auteurListe h3 a {
	color:#000000;
	font-weight:bold;
	display:block;
	margin-bottom:3px;
}
.auteurListe h3 a:hover {
	text-decoration:none;
	color:#A1938A;
}
.auteurListe .ouvrages_parus {
	margin-top:10px;
}
.auteurListe .ouvrages_parus ul {
	list-style:disc inside;
}
.auteurListe .ouvrages_parus ul li  {
	margin-left:10px;
}
.auteurListe .ouvrages_parus ul li a {
	color:#000000;
	text-decoration:underline;
}
/* Les pages statiques */
#contenu #texte.page .texte {
	margin-left:35px;
	text-align:justify;
	margin-right:30px;	
}
#texte.page form {
	margin-top:20px;
	padding-left:20px;
}


/* La description d'un auteur */
#texte.auteur #itemDefault {
	margin:0;
}
.auteurDetail {
	background:red;
}
.auteurDetail .image {
	float:left;
	width:130px;
	text-align:center;
}
.auteurDetail .image a.site {
	display:block;
	margin-top:10px;
}
.auteurDetail .texte {
	float:left;
	width:430px;
	text-align:justify;
}
.auteurDetail .texte h3 {
	color:#000000;
	font-weight:bold;
	margin-bottom:10px;
}
/* Le détail d'un ouvrage */
.ouvrageDetail {
	
}
.ouvrageDetail h3 {
	margin:0;
}
.ouvrageDetail .auteurs {
	margin-bottom:10px;
}
.ouvrageDetail .auteurs a {
	color:#A1938A;
	font-size:0.9em;
}
.ouvrageDetail .image {
	float:left;
	width:120px;
	margin-right:10px;
	text-align:center;
}
.ouvrageDetail .image a.site {
	display:block;
	margin-top:10px;
}
.ouvrageDetail .texte {
	float:left;
	width: 400px;
	text-align:justify;
}
.ouvrageDetail .texte h4 {
	color:#E20027;
	margin-bottom:10px;
}
.ouvrageDetail .texte .infos {
	border:1px solid #E20027;
	height:1%;
	margin-top:30px;
	width:400px;
	text-align:left;
}
.ouvrageDetail .texte .infos .partie1 {
	float:left;
	width:195px;
	margin-right:20px;
	margin-left:5px;
	display:inline;
}
.ouvrageDetail .texte .infos .partie2 {
	float:left;
	width:175px;
	margin-right:5px;
}
.ouvrageDetail .texte .infos dt {
	float:left;
	clear:both;
	margin-right:5px;
	font-weight:bold;
	color:#E20027;
}
.ouvrageDetail .texte .infos dd {
	/* display:table-cell;*/ 
	margin:0;
	/*font-weight:bold;*/
}
/* Liste des actualites */
.actualiteListe {
	margin-bottom:20px;
}
.actualiteListe .image, .actualiteDetail .image {
	float:left;
	width:120px;
	text-align:center;
}
.actualiteDetail .image {
	width:180px;
}
.actualiteListe .texte, .actualiteDetail .texte {
	float:left;
	width:450px;
	text-align:justify;
}
.actualiteDetail .texte {
	width:380px;
}
.actualiteListe .texte h4 a, .actualiteDetail .texte h4 {
	font-weight:bold;
	color:#000000;
	font-size:1em;
	display:block;
	margin-bottom:5px;
}
.actualiteListe .texte h4 a:hover {
	text-decoration:none;
	color:#A1938A;
}
.actualiteListe .texte a.en_savoir_plus {
	display:block;
}
.actualiteDetail .texte a.voir_tous {
	display:block;
	text-align:right;
	margin-top:5px;
}
/* les liens partenaires */
.lienListe {
	margin-bottom:10px;
}
.lienListe .image {
	float:left;
	width:160px;
	text-align:center;
	margin-right:5px;
}
.lienListe .texte {
	float:left;
	text-align:justify;
	width:400px;
}
.lienListe .texte h5 a {
	color:#000000;
}
.lienListe .texte h5 a:hover {
	text-decoration:none;
	color:#A1938A;
}
.lienListe .texte a.site {
	display:block;
	margin-top:2px;
}
/* Les articles de presse */
.articleListe {
	margin-top:1.5em;
}
.articleListe .image {
	float:left;
	width:160px;
	text-align:center;
}
.articleListe .texte {
	float:left;
	width:410px;
	text-align:justify;
}
.articleListe .texte h4 {
	font-weight:bold;
	color:#000000;
}
.articleListe .texte .chapo {
	font-weight:bold;
	color:#E20027;
	font-size:0.9em;
}

/* Nouveautés sur la page d'index */
#texte.index .nouveautes {
	margin-top:15px;
	padding-bottom:10px;
	border-bottom:1px solid #E20027;
}
#texte.index .nouveautes h4 {
	color:#E20027;
	margin-bottom:15px;
	font-size:1em
}
#texte.index .nouveautes a.voir_nouveautes {
	display:block;
	text-align:right;
	margin-top:-20px;
}
#texte.index .nouveautes .ouvrageListe {
	font-size:0.9em;
}
#texte.index .nouveautes .ouvrageListe .texte {
}
/* Actualités sur la page d'index */
#texte.index .actualites {
	margin-top:15px;
}
#texte.index .actualites h3 {
	color:#E20027;
	margin-bottom:15px;
	font-size:1em
}
#texte.index .actualites a.voir_tous {
	display:block;
	text-align:right;
}
/* Page de contact */
#texte.contact form {
	margin-top:20px;
}
/* recherche */
#texte.search h3.titre_recherche {
	margin-bottom:15px;
}
#contenu #teasings h3.collectionTeasing {
	color:#80756E;
}
/* Les teasings des collections sur la page d'index */
.collectionTeasing .image {
	width:115px;
	float:left;
	text-align:center;
	margin-left:10px;
	margin-right:5px;
}
.collectionTeasing .texte {
	float:left;
	width:170px;
	text-align:left;
	color:#80756E;	
}
.collectionTeasing .link {
	color:#E20027;
	font-weight:bold;
}
.collectionTeasing .link a {
	color:#000000;
}
.collectionTeasing .link a:hover {
	color:#A1938A;
	text-decoration:none;
}

.collectionTeasing .clear_both {
	background: #A1938A;
	height:1px;
	margin-bottom:10px;
}
/* Les teasings d'ouvrages */
.ouvrageTeasing .image {
	float:left;
	width:80px;
	text-align:center;
	margin-right:5px;
	margin-left:10px;
	display:inline;
}
.ouvrageTeasing .texte {
	float:left;
	width:200px;
}
#contenu #teasings .ouvrageTeasing .texte .auteurs a {
	color:#A1938A;
	font-size:0.9em;
}
#contenu #teasings .ouvrageTeasing .texte h3 {
	margin:0;
	padding:0;
}
#contenu #teasings .ouvrageTeasing .texte h3 a {
	color:#000000;
}
#contenu #teasings .ouvrageTeasing .texte h3 a:hover {
	text-decoration:none;
	color:#A2938A;
}
#contenu #teasings .ouvrageTeasing .texte .date {
	font-size:0.8em;
	margin-bottom:5px;
}
#contenu #teasings .ouvrageTeasing .texte .chapo {
	font-weight:bold;
	color:#E20027;
	margin-bottom:10px;
	display:block;
}
#contenu #teasings .ouvrageTeasing .texte a.en_savoir_plus {
	display:block;
	text-align:right;
	margin-top:10px;
	}
#contenu #teasings .ouvrageTeasing .texte .description {
	display:block
}

/** Les actualités de la page d'accueil défilent. On fait une fenetre, dans laquelle on va faire monter à l'infini une pellicule */
#texte.index .actualites .fenetre {
	height:250px;
	border:1px solid #A1938A;
	overflow:hidden;
}
#texte.index .actualites .pellicule {
	margin:0; /* On précise pour que Javascript-IE le trouve */
}

/*** Le sommaire du Web Companion ***/
#texte.webCompanion .presentation {
	margin-left:35px;
	margin-right:25px;
	text-align:justify;
	color:#A1938A;
	margin-bottom:20px;
}
#texte.webCompanion ul.sommaire {
	margin-left:35px;
	list-style:upper-roman;
	list-style-position: outside;
	color:#E20027;
	font-weight:bold;
	margin-top:20px;
}
/* Chapitre principal */
#texte.webCompanion ul.sommaire h3 {
	display:inline;
	color:black;
	font-size:1.1em;
}
/* Sous chapitre */
#texte.webCompanion ul.sommaire h4 {
	display:inline;
	color:black;
	font-weight:normal;
}
/* Chapitre final */
#texte.webCompanion ul.sommaire h5 {
	display:inline;
	color:black;
	font-weight:normal;
}
/* Sous niveau 1 */
#texte.webCompanion ul.sommaire li ul {
	margin-top:7px;
	margin-bottom:20px;
	list-style: none;
	color:black;
	font-weight:normal;
}
#texte.webCompanion ul.sommaire li ul li strong {
	color:#E20027;
	margin-right:10px;
	text-align:right;
	display:block;
	float:left;
	width:20px;
}
/* Sous niveau 2 */
#texte.webCompanion ul.sommaire li ul li ul {
	margin:0;
	margin-left:35px;
	list-style:none;
}
#texte.webCompanion ul.sommaire li ul li ul li strong {
	color:black;
	font-weight:normal;
	margin-right:5px;	
}
/* La liste des items dans un chapitre */
#texte.webCompanion ul.sommaire ul.sommaireItem {
	margin-left:65px;
	margin-top:10px;
	margin-bottom:10px;
}
#texte.webCompanion ul.sommaire ul.sommaireItem strong {
	color:#E20027;
	font-weight:bold;
}
#texte.webCompanion ul.sommaire ul.sommaireItem a {
	color:black;
	font-weight:bold;
}
/* Les textes */
#texte.webCompanion ul.sommaire ul.sommaireItem div.sommaireTexte {
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
}
/* on remets le gras par défaut */
#texte.webCompanion ul.sommaire ul.sommaireItem div.sommaireTexte strong {
	margin:0px;
	color:#000000;;
	font-weight:bold;
	display:inline;
	float:none;
}
/* On remets les liens par défaut */
#texte.webCompanion ul.sommaire ul.sommaireItem div.sommaireTexte a {
	color:#E20027;
	font-weight:normal;
}
/* On fait passer les liens d'ouverture des chapitres pour du texte normal*/
#texte.webCompanion ul.sommaire li h5 a.sommaireLink {
	text-decoration:none;
	color:black;
	cursor: text;
}
/* On rajoute la classe hover uniquement aux tetes de chapitres qui contiennent des childs */
#texte.webCompanion ul.sommaire li h5 a.sommaireLink.hover {
	cursor: pointer;	
}
#texte.webCompanion ul.sommaire li h5 a.sommaireLink.hover:hover {
	text-decoration: underline;
}


/**** Formulaire d'ajout de réponses aux QCM ****/
#div_question_type_qcm  #addReponse {
	display:block;
	margin-top:5px;
}
/* Le lien de suppression d'une réponse */
#div_question_type_qcm  #deleteReponse1 {
	display:none;
}
#div_question_type_qcm .reponse .infos {
	float:right;
}

/***** Formulaire d'ajout de Vrai/Faux ***/
#div_question_type_vf {
	margin-left:150px;
}

/********** les questions d'un QCM *************/
.qcm .presentation {
	color:#A1938A;
	margin-left:50px;
	text-align:justify;
	margin-right:25px;
	margin-bottom:30px;	
}
.qcm .presentation h3 {
	font-weight:bold;
	color:black;
	font-size:1.2em;
}
.qcm .qcmQuestion strong.error, .qcm .qcmQuestion strong.perfect {
	display:block;
	margin-left:35px;
	margin-top:5px;
	height:1%;
}
.qcm .qcmQuestion strong.error {
	color:#E20027;
}
.qcm .qcmQuestion strong.perfect {
	color:#009933;
}

/* Une question */
.qcm .qcmQuestion {
	margin-left:50px;
	margin-bottom:35px;	
	padding:5px;
}
.qcm .qcmQuestion .entete {
	overflow:auto;
	height:1%;
}
/* Numero et question */
.qcm .qcmQuestion .entete .numero {
	float:left;
	background:#E20027;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	height:17px;
	width:17px;
	margin-right:15px;
	display:inline;
}
.qcm .qcmQuestion .entete .question {
	float:left;
	display:inline;
	width:450px;
}
.qcm .qcmQuestion blockquote {
	display:none;
}
.qcm .qcmQuestion div.reponseQROC {
	display:none;
}

/* Liste des réponses */
.qcm .qcmQuestion ul {
	margin-left:30px;
	margin-top:8px;
}
.qcm .qcmQuestion ul li {
	overflow:auto;
	margin-bottom:3px;
	clear:both;
}
.qcm .qcmQuestion ul li .checkbox {
	float:left;
	margin-right:10px;
	display:inline;	
}
.qcm .qcmQuestion ul li .numero {
	float:left;
	display:inline;
	margin-right:10px;
	width:25px;
	color:#E20027;
	font-weight:bold;
	text-align:center;
}
.qcm .qcmQuestion ul li .reponse {
	float:left;
	display:inline;
	width:400px;
}
.qcm .submit {
	text-align:center;
}
.qcm .submit input {
	padding-right:15px;
	padding-left:15px;
}
.qcm .qcmQuestion input.voir_reponses, .qcm .qcmQuestion input.voir_reponses_vf, .qcm .qcmQuestion input.voir_reponses_qroc {
	float:right;
}

/** En cas d'erreur **/
.qcm .qcmQuestion.error {
	background: #FDF0F2
}
.qcm .qcmQuestion.error strong.error {
	color:#E20027;
}
/** Quand c'est tout bon **/
.qcm .qcmQuestion.perfect {
	background-color: #F5F9F6
}
/* Ie6 rajoute des couleurs des fonds de .error */
.qcm .qcmQuestion.perfect strong.error{
	background: none;
	color:#E20027;
}
.qcm .qcmQuestion.perfect .entete .numero {
	background-color:#71AF7B;
}
.qcm .qcmQuestion.perfect strong.perfect {
	color:#009933;
}
.qcm .qcmQuestion.perfect blockquote {
	text-align:justify;
	display:block;
}
.qcm .qcmQuestion.perfect div.reponseQROC {
	text-align:justify;
	display:block;
	margin-top:1em;
}
.qcm .qcmQuestion.perfect blockquote h6 {
	font-weight:normal;
	font-style:italic;
	display:block;
}
/*** Le résultat (la note) ***/
.qcm .resultat {
	font-weight:bold;
	margin-left:55px;
}
.qcm div.divPerfect {
	background-color: #F5F9F6;
	padding:10px;
}
.qcm .resultat h5 {
	margin-bottom:1em;
}
.qcm .resultat strong {
	color:#E20027;
	font-size:1.5em;
}
.qcm .form {
	width:500px;
	margin-right:auto;
	margin-left:auto;	
	margin-top:30px;
	overflow:auto;
}
.qcm div.formPerfect {
	text-align:center;
	width:auto;
}
.qcm div.formPerfect form {
	float:none;
}
.qcm .form form {
	float:left;
	display:inline;
	width:250px;
	text-align:center;

}
















/* Le menu de l'admin */
#contenu.admin {
	background: url("../../images/interface/fond-contenu-admin.jpg") top left repeat-y;
	width:900px;	
}
#contenu.admin #admin_menu {
	float:left;
	width: 184px;
	padding-top:15px;	
	padding-bottom:10px;
	margin-right:25px;
}
#contenu.admin #admin_menu ul li {
	height:1%;
}
#contenu.admin #admin_menu ul {
}
#contenu.admin #admin_menu ul li a {
	display:block;
	height:1%;
	font-weight:bold;
	color:#000000;
	padding-left:5px;
}
#contenu.admin #admin_menu ul li a:hover {
	background-color:#e68E9C;
	text-decoration:none;
}
#contenu.admin #texte {
	float:left;
	width:670px;
	margin-top:15px;
	display:inline; /* Fix de doublement de marge flottante IE */
}

/* Une liste d'élements dans l'admin */
ul.tableau_admin {
	margin-top:15px;
}
ul.tableau_admin li {
	clear:both;
	height:1%;
}
ul.tableau_admin li ul li {
	clear:none;
	float:left;
	margin-right:10px;
	text-align:left;
	margin-bottom:5px;
}
/*** Pour les collections */
ul.tableau_admin.collection li ul li.order {
	width:50px;
}
ul.tableau_admin.collection li ul li.name {
	width:305px;
}
/***** Pour les ouvrages *****/
ul.tableau_admin.ouvrage li ul li.couverture {
	width:150px;
	text-align:center;
	height:150px;
}
ul.tableau_admin.ouvrage li ul li.name {
	width:400px;
	padding:5px;
}
ul.tableau_admin.ouvrage li ul li.name a {
	font-size:1.2em;
	font-weight:bold;
}
ul.tableau_admin.ouvrage li ul li.name .chapo {
	margin-top:5px;
	font-weight:bold;
	font-size:0.9em;	
}
ul.tableau_admin.ouvrage li ul li.name .texte {
	margin-top:5px;
	font-size:0.9em;
}
ul.tableau_admin.ouvrage li ul li.name .collection {
	font-size:0.9em;
	margin-top:5px;
}
ul.tableau_admin.ouvrage li ul li.name .date {
	font-size:0.9em;
	margin-top:5px;
	
}
/***** Pour les auteurs *****/
ul.tableau_admin.auteur li ul {
	margin:0px;
	background:red;
}
ul.tableau_admin.auteur li ul li.name {
	margin:0;
}
/***** Pour les dossiers/communiques *****/
ul.tableau_admin.presse li ul li.date {
	width:150px;
	text-align:right;
}