/*
	Quelques remarques.
	Le code CSS est écrit pour permettre une modification des couleurs la plus simple possible.
	Ce fichier contient les définitions de placement, le fichier couleurs.css contient les définitions de couleur.
	La sémantique du découpage html est faite au plus simple et au plus intuitif pour pouvoir inserer du contenu 
	sans avoir besoin de se soucier de la mise en page.
	
	Néanmoins, comme il faut jouer avec le fait que Internet Explorer sur Windows, le navigateur le plus utilisé n'interprete pas une grande partie
	des définitions du CSS2, il faut parfois avoir à contourner légerement, et à "polluer" le code html.
	
	Exemple :
		IE ne gere pas la pseudo classe :first-child. J'ai donc donné une classe .first-child aux éléments que je voulais marquer ainsi
		Je dois parfois donner deux tailles différentes (donc l'une précédée d'un _) ou jouer avec les min/max-height/width pour contourner les soucis de box-model
		Quelques position:relative, font-size:0px et autres clear:both trainent dans le code sans raison apparente si ce n'est de corriger des bugs d'affichage (guillotine, doublement, etc) de IE
		IE ne gere pas les input[type=text], input[type=button], donc on doit préciser une classe pour les textes et une pour les boutons
		Etc, etc...
*/

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:#333333;
}
/* 
	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
*/

.contenu {
	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 .contenu {
    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;
	color:#1A4396;
	letter-spacing:-1px;
	font-weight:bold;
}
img {
	border:0px;
}
a {
	color: #1A4396;
	text-decoration:none;
	background-color:transparent;
}
a:hover {
	color: #2C70FF;
	background-color:transparent;
} 

.clear_both {
	clear:both;
	font-size:1px;
	height:0px;
	line-height:1px;
}

.bouton_ok {
	background-image: url("../images/interface/bouton_ok.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border:none;
	width:21px;
	height:18px;	
	cursor:pointer;
}
.bouton_fleche {
	background-image: url("../images/interface/bouton_fleche.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border:none;
	width:21px;
	height:18px;	
	cursor:pointer;
	display:block;
}
/* Les flags */
strong.extraits, strong.telechargements, strong.numerique {
	color:#999999;
	font-weight:normal;
	padding-left:30px;
	height:18px;
	display:block;
}
strong.extraits {
	background:url("../images/interface/picto-extraits.gif") top left no-repeat;	
}
strong.telechargements {
	background:url("../images/interface/picto-download.gif") top left no-repeat;	
}
strong.numerique {
	background:url("../images/interface/picto-numerique.gif") top left no-repeat;	
}
.input {
	background:white;
	border-width:1px;
	border-style:solid;
	border-color: #809EBA;
}
/* Les colonnes de texte ont une taille minimum */
.colonne_texte, .taille_mini {
	min-height:350px;
	height:auto !important; /* Pour les non-ie qui comprennent min-height */
	height:350px; /* pour IE qui mets le height comme min-height */
}

/* Le lien de retour */
a.retour {
	background: url("../images/interface/puce-fleche-bleue-gauche.gif") 0px 1px no-repeat;
	padding-left:10px;
	font-size:0.8em;
	height:10px;
	width:40px;
	display:block;
	margin-right:auto;
	margin-left:auto;
}
/* Le lien de retour en haut de page */
a.haut_de_page {
	display:block;
	float:right;
	font-weight:bold;
	background:url("../images/interface/puce-fleche-bleue-haut.gif") 0px 3px no-repeat;
	padding-left:13px;
	margin-bottom:10px;
	margin-top:5px;
	font-size:0.8em;
}
a.fermer {
	display:block;
	text-align:right;
	background: url("../images/interface/bouton_fermer.gif") top right no-repeat;
	padding-right:22px;
	height:16px;
}
a.fermer:hover {
	text-decoration:underline;
}

/* Les boutons de formulaire avec al classe "submit" */
input.submit {
	background: url("../images/interface/bouton_submit.gif") top left no-repeat;
	width:95px;
	height:25px;
	text-align:center;
	border:none;
	color:white;
	font-weight:bold;
	cursor:pointer;
	font-size:1em;
}
#tooltip {
	font-size:0.8em;
	max-width:250px;
	min-width:10px;
	background: #C4A3D0;
	border:1px solid #8B50A4;
	padding:5px;
	color:#FFFFFF;
	position:absolute;
	display:none;
	text-align:left;
	text-decoration:none;
	opacity:.85;
	display:block;
	visibility:hidden;
}


textarea {
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size:1em;
}
/* 
	Un formulaire avec label : input en vis-a-vis sans tableau
	Pour que les <input et <select passent bien à la ligne à chaque ligne il faut définir une largeur à leur conteneur
*/
form.label_cell {
	margin:0;
	padding:0;	
}
form.label_cell fieldset {
	margin:0;
	padding:0;
	border:none;
}
form.label_cell label {
	margin:0;
	padding:0;
	display:block;
	width:120px;
	float:left;
	font-weight:bold;
	color:#1A4396;
	text-align:left;
	margin-bottom:10px;
	clear:both;
}
form.label_cell input, form.label_cell select {
	margin:0;
	padding:0;
	display:block;
	margin-bottom:10px;
	float:left;
}




/* Le conteneur général du site */
#conteneur {
	width:590px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

/* 
	La tete des pages, avec le menu, identique sur tous les sites
	Divisé en deux lignes : .entete et .menu
*/
#header {
	height:120px;
	font-size:12px;
	margin-bottom:30px; /* A supprimer quand arborescence ne sera plus en absolute */
}
/* Le visuel illustrant l'espace */
#header .visuel {
	position:absolute;
	margin-left:850px;
	top:5px;
	width:114px;
	text-align:center;
}
#header .visuel img {

}
/* L'entete avec le logo et les accès membres, premiere ligne du header */
#header .entete {
	height:70px;
	text-align:left;
}
/* On masque le titre pour qu'elle ne soit visible qu'aux moteurs */
#header .entete h1  {
	display:none;
}
/* Le logo */
#header .entete a.logo {
	float:left;
	display:block;
	height:60px;
	width:250px;
	background-position: 15px 10px;
	background-image: url("../images/interface/logo.gif");
	background-repeat: no-repeat;
}
/*	L'espace membre : Francais Anglais Espagnol */
#header .entete ul.langues {
	float:right;
	margin-right:150px;
	display:inline; /* Ie double les marges des div flottants, sauf s'ils sont inline */
	margin-bottom:0px;
	margin-top:35px;
	list-style:none;
	list-style-position:outside;
}
#header .entete ul.langues li {
	display:block;
	float:left;
}
#header .entete ul.langues li a {
	display:block;
	padding-right:4px;
	padding-left:4px;
	border-right-width:1px;
	border-right-style:solid;
}
#header .entete ul.langues li.last-child a {
	border:none;
}

/* La deuxieme ligne du haut de page, avec les onglets du menu */
#header .menu {
	background-repeat:repeat-x;
	background-position:0px 16px;
	background-image: url("../images/interface/menu_vague_long.gif");
	height:59px;
}
/* Les onglets sont une liste, mais affichés cote à cote */
#header .menu ul {
	background-image: url("../images/interface/separation_onglets.gif");
	background-position: -4px 0px;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
#header .menu ul li {
	float:left;
	background:url("../images/interface/separation_onglets.gif") top right no-repeat;
	padding-right:5px;
	color:#FFFFFF;
}
#header .menu ul li a {
	display:block;
	float:left;
	padding-right:5px;
	padding-left:5px;
	padding-top:10px;
	height:23px;
	font-weight:bold;
	color:#FFFFFF;
}
#header .menu ul li a:hover {
	color:#1A4693;
}
#header .menu ul li a.focus {
	background: url("../images/interface/puce-fleche-blanche-bas.gif") top  right no-repeat;
	padding-right:15px;
	
}
/* On modifie légerement la courbure pour le dernier élément en ajoutant une vague.*/
#header .menu ul li.last-child {
	background: url("../images/interface/menu_vague.gif") bottom right no-repeat;
	padding-right:20px;	
}
/* On mets un menu en rollover (jscript) sur la partie accueil */
#header .menu ul li ul.menu_accueil {
	clear:both;
	float:left;
	z-index:100;
	border-style:solid;
	border-width:1px;
	font-size:0.9em;
	background:white;
	display:block;
	width:150px;
	margin-top:32px;
	position:absolute;	
	display:none;
	
}
#header .menu ul li ul.menu_accueil li {
	float:none;
	padding:0px;
	background:none;
	color:inherit;
}
#header .menu ul.menu_accueil li a {
	float:none;
	padding:0;
	height:auto;
	font-weight:normal;
	padding-left:5px;	
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	height:1%;
}



/* La deuxieme partie du menu, après la vague blanche */
#header .menu .vague {
	float:left;
	display:block;
	text-align:left;
	width:460px;
	padding-top:2px;
}
#header .menu .vague .mise_a_jour {
	color:white;
	font-size:0.8em;
}
#header .menu .vague .recherche {
}

#header .menu .vague .recherche form {	
	margin:0;
	padding:0;
	color: #1A4396;
	text-align:right;	
	margin-top:3px;
}
#header .menu .vague .recherche form fieldset {
	margin:0;
	padding:0;
	border:0;
	display:inline;
}
/* On masque les labels, uniquement pour les navigateurs texte */
#header .menu .vague .recherche form label {
	display:none;	
}
#header .menu .vague .recherche form fieldset legend {
	display:none;
}
/* Recherche rapide : */
#header .menu .vague .recherche form strong {
	color: #1A4396;
	font-weight:bold;
}
/* On réduit les marges autour des boutons radio */
#header .menu .vague .recherche form input.type-radio {
	margin:0;
	padding:0;
	height:1em;
	width:1em;
	margin-right:0.3em;	
}
/* Champ de recherche */
#header .menu .vague .recherche form input.type-text {
	border:1px solid #1A4396;
	color: #1A4396;
	background:white; 
	width:100px;;
}
#header .menu .vague .recherche_avancee {
	color: #1A4396;
	display:block;
	text-align:right;
	margin-top:3px;
}
#header .menu .vague .recherche_avancee img {
	height:17px;
	width:20px;
	background: #FF7F00;
	margin-top:10px;
}
#header .menu .vague .recherche_avancee a {
		font-weight:bold;
		text-decoration:underline;
}
#header .menu .vague .recherche_avancee a span {
	float:right;
	margin-left:5px;
}







/************ Pied de page, la liste des liens **********/
#bottom {
	text-align:center;
}
#bottom ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline
}
#bottom li {
	display:inline;
	padding-right:5px;
	border-left:1px solid #5473B0;
	padding-left:5px;
}
#bottom li.first-child {
	border-left:none;
}
#bottom a {
	color:#5473B0;
}
#bottom a:hover {
	text-decoration:underline;
	color:#1A4396;
}


/******** Le corps de la page en soit **************/
.contenu {
	text-align:left;
}
/* 
	On affiche dans cet espace l'arborescence de là où on se trouve
	Exemple : Espace enseignant > Qui sommes-nous ?
	Chaque partie est un lien qui renvoie à la racine de cette partie.
	Chaque partie est une balise titre (<h2>, <h3>, ..., <h7>) d'importance décroissante de 2 vers 7
	Cela permet une meilleure accesibilité et indexation des pages
*/
/*
 .arborescence {
	margin-left:25px;
	clear:both;
}
*/
.arborescence {
	position:absolute;
	top:120px;
	margin-left:40px;	
}
 .arborescence h2,  .arborescence h3,  .arborescence h4,  .arborescence h5,  .arborescence h6,  .arborescence h7 {
	display:inline;
	padding-right:5px;
	padding-left:5px;
	font-size:1.2em;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
}
/* Le dernier est un peu plus grand que les autres */
 .arborescence .contexte {
	font-family: Arial Black, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:1.6em;
	letter-spacing:0px;
}


/*  Une colonne à gauche avec un menu */
.colonne_menu {
	float:left;
	width:260px;
}
.colonne_menu ul {
	list-style:none;
	margin-bottom:25px;
}
.colonne_menu ul li {
	list-style-image: url("../images/interface/puce-fleche-bleue.gif");
	margin-bottom:5px;
}
.colonne_menu ul li a {
	color:#333333;
	text-decoration:underline;
}
.colonne_menu ul li a:hover {
	color:#1A4396;
	font-weight:bold;
}

/* La colonne de gauche, avec le texte */
.colonne_texte {
	margin-left:75px;
	float:left;
	color:#333333;
	text-align:justify;
}
/* Les petites colonnes de texte possedent cette classe en plus pour les réduire */
.colonne_petit {
	width:410px;
}
.colonne_texte h4 {
	font-size:1.4em;
	margin-bottom:10px;
}
/* Un § qui commence par une petite fleche */
.colonne_texte p {
	margin:0;
	padding:0;
	background:url("../images/interface/puce-fleche-grise.gif") top left no-repeat;
	text-indent:15px;	
}
/* Une liste de définition : une personne et son poste par exemple */
.colonne_texte dl.notre_equipe {
	text-align:left;
}

.colonne_texte dl.notre_equipe dt {
	color: #1A4396;
	margin-top:5px;
}

/* Une liste de rubriques sur deux colonnes */
.colonne_texte .liste_deux_colonnes ul{
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
.colonne_texte .liste_deux_colonnes ul li {
	display:block;
	float:left;
	width:200px;
	color:#1A4396;
	font-weight:bold;
	height:20px;
}
/* Les listes de sites internet par catégorie */
#nos_sites {
	margin-top:20px;
}
#nos_sites .colonne_texte h5 {
	font-size:1.3em;
	margin-bottom:10px;
	letter-spacing:0px;
	font-family:Arial;
	font-weight:bold;
	color:#FF7F00;
}
#nos_sites .colonne_texte dl {
	margin:0;
	padding:0;
}
#nos_sites .colonne_texte dl dt {
	font-weight:bold;
	color:#1A4396;	
}
#nos_sites .colonne_texte dl dd {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
#nos_sites .colonne_texte dl dd a {
	display:block;
	font-weight:bold;
}
#nos_sites .colonne_texte .roundBorder {
	clear:both;
	text-align:justify;
}

/**** Qui sommes nous ?***/
#qui_sommes_nous {
	padding-top:10px;
}
#qui_sommes_nous .colonne_menu {
	margin-left:160px;
	display:inline; /* Fix de doublement de marge pour IE */
}
#qui_sommes_nous .colonne_texte {
	margin-left:45px;
}

/**** Nos activités ****/
#nos_activites {
	padding-top:10px;
}
#nos_activites .colonne_menu {
	margin-left:160px;
	display:inline; /* Fix de doublement de marge pour IE */
}
#nos_activites .colonne_texte {
	margin-left:45px;
}
	
/**** Notre équipe ***/
#notre_equipe {
	padding-top:10px;
}
#notre_equipe .colonne_menu {
	margin-left:160px;
	display:inline; /* Fix de doublement de marge pour IE */
}
#notre_equipe .colonne_texte {
	margin-left:45px;
}

/**** Nos sites ***/
#nos_sites {
	padding-top:10px;
}
#nos_sites  .colonne_menu {
	margin-left:160px;
	display:inline; /* Fix de doublement de marge pour IE */
}
#nos_sites  .colonne_texte {
	margin-left:45px;
}



/***** La page d'index, deux colonnes mais à gauche un menu avec rollover */
#index {
	margin-top:40px;
}
#index .colonne_texte {
	width:350px;
	text-align:justify;
}
#index .colonne_texte img {
	margin-top:20px;
}

#index .colonne_menu {
	margin-left:125px;
	display:inline; /* Fix de doublement de marge pour IE */
}
#index .colonne_menu h4 {
	font-size:1.2em;
	font-family: Arial;
	font-weight:bold;
	letter-spacing:0px;
}
#index .colonne_menu ul li {
	margin-left:0;
}
/* Les listes dans les listes sont affichées differemment */
#index .colonne_menu ul li ul {
	margin:0;
	padding:0;
	margin-left:25px;
	background:#EDF0F7;
	list-style:none;
	margin-top:5px;
	width:13em;
	display:none;

}
#index .colonne_menu ul li ul li {
	margin:0;
	padding:0;
	list-style-image:none;
	border-top:1px solid #D3DDE9;
	height:1.8em;
	
}
#index .colonne_menu ul li ul li a {
	text-decoration:none;
	margin-left:10px;
	display:block;
	height:1.5em;	
}
#index .colonne_menu .documentaliste {
	margin-top:20px;
}

/**** Le menu Nos ouvrages *****/
#nos_ouvrages {
	width:180px;
	margin-bottom:8px;
}
#nos_ouvrages h4 {
	padding:0;
	padding-left:1px;
	padding-top:2px;
	font-size:1em;
}
#nos_ouvrages .inside ul li {
	height:1%;
}
#nos_ouvrages .inside ul li a {
	background-image: url("../images/interface/puce-fleche-bleue.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left:20px;
	color:#333333;
	padding-bottom:3px;
	display:block;
	height:1%;
	background-color:#FFFFFF;
}
#nos_ouvrages .inside ul li.sousMenu ul li a {
	background:none;
	padding-left:30px;	
}

/***** La page d'index des catalogues. Deux colonnes, pour les recherches et les résultats ****/
#catalogue_index {
	
}
#catalogue_index .colonne_menu {
	margin-left:40px;
	display:inline; /* Fix de doublement de marge pour IE */
	width:330px;
	margin-top:10px;
	margin-right:0px;
}
#catalogue_index .colonne_menu h4 {
	letter-spacing:0px;
}
/* Le block de feuilletage de catalogue */
#catalogue_index .feuilleter_catalogue {
	margin-top:20px;
	padding-bottom:10px;
}
#catalogue_index .feuilleter_catalogue  h4 {
	color:#FFFFFF;
	font-weight:bold;
	padding-left:1px;
	font-size:1.2em;
	margin-top:10px;
	float:left;
	padding-top:4px;
}
#catalogue_index .feuilleter_catalogue .anim_flash {
	padding-top:8px;
	padding-left:5px;
	float:left;
}
#catalogue_index .feuilleter_catalogue .anim_gif {
	margin-top:7px;
	margin-left:4px;
}
#catalogue_index .feuilleter_catalogue .couverture {
	margin-left:65px;
	clear:both;
}
#catalogue_index .feuilleter_catalogue .couverture a {
	font-weight:bold;
	margin-left:10px;
}
#catalogue_index .feuilleter_catalogue .couverture a:hover {
	color:#FFFFFF;
}
#catalogue_index .recherche_catalogue {
	margin-bottom:10px;
	margin-top:20px;
	font-weight:bold;
	
}
#catalogue_index .recherche_catalogue a.feuilleter {
	color: #333333;
	text-decoration:underline;
	background: url("../images/interface/picto-feuilleter.gif") top right no-repeat;
	padding-right:25px;
}
/* Le mot "ou" */
#catalogue_index .recherche_catalogue span.ou {
	display:block;
}
#catalogue_index .recherche_catalogue a.feuilleter:hover {
	font-weight:bold;
}
/* Le formulaire avec le menu déroulant pour le choix du catalogue à feuilleter */
#catalogue_index .recherche_catalogue form.feuilleter label {
	display:none;
}
#catalogue_index .recherche_catalogue form.feuilleter fieldset {
	margin-top:3px;
	margin-bottom:3px;
}
#catalogue_index .recherche_catalogue form {
	margin:0;
	padding:0;
}

#catalogue_index .recherche_catalogue fieldset {
	border:0;
	margin:0;
	padding:0;
	margin-top:10px;
}
#catalogue_index .recherche_catalogue form fieldset legend {
	display:none;
}
#catalogue_index .recherche_catalogue fieldset select {
	background:white;
	border: 1px solid #1A4396;
	font-size:10px;
	width:180px;
}
#catalogue_index .recherche_catalogue form fieldset label {
	width:100px;
	text-align:left;
	margin-right:5px;
	display:block;
	float:left;
	margin-bottom:3px;	
}
#catalogue_index .recherche_catalogue .choix_radio {
	margin-bottom:5px;
}
#catalogue_index .recherche_catalogue .div_select {
	clear:both;
	margin-bottom:3px;
}

#catalogue_index .recherche_catalogue .checkboxes {
	margin-top:10px;
	width:170px;
	float:left;
	font-weight:bold;
	color: #1A4396;
}
#catalogue_index .recherche_catalogue .checkboxes label {
	display:inline;
	float:none;
}
#catalogue_index .recherche_catalogue input.submit {
	margin-top:20px;
}
/********* Les sites collections *********/
#catalogue_index .colonne_menu .sites_collection {
	margin-top:10px;
}
#catalogue_index .colonne_menu .sites_collection h4 {
	margin-bottom:10px;
	font-size:1em;
}
#catalogue_index .colonne_menu .sites_collection .item {
	overflow:hidden;
	margin-bottom:10px;	
}
#catalogue_index .colonne_menu .sites_collection .item .titre {
	float:left;
	width:140px;
}
#catalogue_index .colonne_menu .sites_collection .item .titre a {
	color:#333333;
	text-decoration:underline;
}
#catalogue_index .colonne_menu .sites_collection .item .titre a:hover {
	font-weight:bold;
	color:#1A4396;
}
#catalogue_index .colonne_menu .sites_collection .item .visuel {
	float:left;
	width:120px;
}
#catalogue_index .colonne_menu .sites_collection .item .visuel img {
	width:150px;
	border-style:solid;
	border-width:1px;
}

/* Le bloc avec la liste des téléchargements */
#catalogue_index .autres_espaces .telechargements {
	width:3000px;
	margin-right:15px;
	float:left;
	display:inline;
	overflow:hidden;
}
#catalogue_index .colonne_menu .telechargements {

}
#catalogue_index .telechargements .borderContenu {
	padding-left:10px;
}
#catalogue_index .telechargements h4 {
	background: url("../images/interface/picto-telechargement.gif") top left no-repeat;
	height:27px;
	padding-left:35px;
	font-size:1.4em;
	padding-top:5px;
	display:block;
	letter-spacing:0px;
}
#catalogue_index .telechargements ul {
	margin:0;
	padding:0;
	margin-top:10px;
	list-style:none;
}
#catalogue_index .telechargements ul li {
	list-style-image:none;
	display:block;
	height:1%;
	margin-bottom:5px;
}
#catalogue_index .telechargements ul li a {
	text-decoration:underline;
	color: #333333;
}
#catalogue_index .telechargements ul li a:hover {
	color:#1A4396;
}
#catalogue_index .telechargements a.recherche {
	color:#1A4396;
	font-weight:bold;
	margin-top:10px;
	display:block;
}
#catalogue_index .telechargements a.recherche:hover {
	text-decoration:none;
	color: #2C70FF;	
}
/* Le bloc avec la liste des autres lycées */
#catalogue_index .liens_type_lycee {
	margin-top:20px;
}
#catalogue_index .liens_type_lycee ul {
	padding:0;
	margin:0;
	margin-left:15px;
}
/**** la carte du monde des distributeurs FLE ****/
#catalogue_index .distributeurs {
	width:330px;
}
#catalogue_index .distributeurs h4 {
	font-size:1.2em;
}


#catalogue_index .colonne_texte {
	margin-left:25px;
	width: 540px;
}
#catalogue_index .colonne_texte h4 {
	font-size:1.4em;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
}
#catalogue_index .colonne_texte .club {
	padding-top:3px;
	padding-bottom:3px;
	height:20px;
	width:225px;
	text-align:center;
	float:right;
}
#catalogue_index .colonne_texte .club a {
	font-weight:bold;
	color:white;
}
#catalogue_index .colonne_texte .club a:hover {
	color:#1A4396;
}
/* On réduit les marges ajoutées avec les bords arrondis */
#catalogue_index .colonne_texte .borderContenu {
	margin-right:0px;
	margin-left:0px;
}
#catalogue_index .nouveautes {
	overflow:hidden;
}
#catalogue_index .nouveautes .detail {
	width:245px;
	height:130px;
	float:left; 
	margin-right:10px;
	margin-left:10px;
	display:inline; /* Fix de doublement de marge pour IE */
	overflow:hidden;
	margin-bottom:10px;
}
#catalogue_index .nouveautes .detail .img {
	float:left;
	width:80px;
	text-align:center;
}
#catalogue_index .nouveautes .detail .img img {
	border-width:1px;
	border-style:solid;
	width:70px;
	height:100px;
}
#catalogue_index .nouveautes .detail .texte {
	width:155px;
	float:left;
	margin-left:5px;
}
#catalogue_index .nouveautes .detail .texte h6 {
	color:#1A4396;
	font-size:1em;
	font-family:  Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:0px;	
}
#catalogue_index .nouveautes .detail .texte span {
	font-weight:bold;
	display:block;
	margin-top:10px;
}
#catalogue_index .nouveautes .detail .texte a.savoir_plus {
	font-weight:bold;
	display:block;
}
#catalogue_index .nouveautes .detail .texte a.savoir_plus:hover {
	text-decoration:underline;
}
/* Le liens "Voir toutes les nouveautés" parfois affichés en dessous des produits */
#catalogue_index .nouveautes .toutes_les_nouveautes {
	margin-left:15px;
	font-weight:bold;
}
/* Les 2-3 vignettes/actualités en bas de la page */
#catalogue_index .autres_espaces {
	margin-top:15px;
	text-align:center;
	overflow:hidden;
}
#catalogue_index .autres_espaces .vignette {
	margin-right:8px;
}
#catalogue_index .autres_espaces .espace_actu {
	width:200px;
	float:left;
	margin-right:8px;
}
#catalogue_index .autres_espaces .espace_actu img.punaise {
	position:absolute;
	margin-left:175px;
	margin-top:-25px;
}
#catalogue_index .autres_espaces .espace_actu h4 {
	margin:0;
	margin-left:10px;
	font-size:1.2em;
	margin-bottom:5px;
}
#catalogue_index .autres_espaces .espace_actu ul, #catalogue_index .autres_espaces .espace_actu li {
	margin:0;
	padding:0;
	list-style:none;
}
#catalogue_index .autres_espaces .espace_actu ul {
	margin-left:10px;
}
#catalogue_index .autres_espaces .espace_actu li a {
	color:#333333;
	text-decoration:underline;
	font-size:0.95em;	
}
#catalogue_index .autres_espaces .espace_actu li a:hover {
	color:#1A4396;
}
/* La page de documentaliste, classe en plus de #catalogue_index */
#catalogue_index.documentaliste .colonne_menu h4 {
	margin-left:30px;
	margin-bottom:10px;
	font-size:1em;
}
#catalogue_index.documentaliste .feuilleter_catalogue {
	margin-top:30px;
	z-index:0;
}
#catalogue_index.documentaliste .feuilleter_catalogue .couvertures {
	margin-top:10px;
}
#catalogue_index.documentaliste .feuilleter_catalogue h4 {
	margin-left:30px;
	display:inline; /* Fix de doublement de marge pour IE */	
	font-size:1.1em;
	letter-spacing:0px;
	padding-top:10px;

}
#catalogue_index.documentaliste .feuilleter_catalogue  ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	clear:both;
}
#catalogue_index.documentaliste .feuilleter_catalogue li {
	margin:0;
	padding:0;
	display:block;
	width:115px;
	text-align:center;
	float:left;
	margin-left:10px;
	font-weight:bold;
}
/****LA PAGE DE RESULTAT DE RECHERCHE ABREGEE, avec seulement quelques articles par section *******/
#catalogue_result_1 {
	width:730px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
}
#catalogue_result_1 .entete {
	margin-left:15px;
}
#catalogue_result_1 label {
	font-weight:bold;
	color:#1A4396;
}
/* Le lien "Modifier la recherche" */
#catalogue_result_1 a.modif_recherche {
	display:block;
	font-weight:bold;
	text-decoration:underline;
	margin-top:5px;
	margin-bottom:10px;
}
/* Les clés de trie d'ordre d'affichage */
#catalogue_result_1 .entete .tri {
	display:block;
	text-align:right;
	position:absolute;
	width:700px;
	margin-top:10px;
}
#catalogue_result_1 .tri a {
	color: #999999;
	text-decoration:underline;
}
#catalogue_result_1 .tri a:hover {
	text-decoration:none;
}
/* Le titre des sections scolaires, parascolaire, etx */
#catalogue_result_1 h3 {
	margin-left:15px;
	letter-spacing:0px;
	margin-bottom:3px;
	font-size:1em;
}
/* Le nombre d'articles */
#catalogue_result_1 .nbr_articles {
	margin-left:15px;
	color: #1A4396;
}
/* Un résultat */
#catalogue_result_1 .resultats {
	clear:both;
	margin-top:3px;
	margin-bottom:10px;
}
#catalogue_result_1 .resultats .borderContenu {
	margin-top:-10px;
}
/* L'un des produits sur une ligne */
#catalogue_result_1 .resultats .detail {
	width:640px;
	margin-left:20px;
	clear:both;
	margin-top:10px;
}
/* Deux colonnes, produit et flags */
#catalogue_result_1 .resultats .detail .produit {
	width:420px;
	float:left;
}
#catalogue_result_1 .resultats .detail .produit .img {
	float:left;
	width:110px;
	text-align:center;
	margin-right:5px;
}
#catalogue_result_1 .resultats .detail .produit .img img {
	border-width:1px;
	border-style:solid;
}
#catalogue_result_1 .resultats .detail .produit .texte {
	float:left;
	width:300px;
}
#catalogue_result_1 .resultats .detail .produit .texte a.title {
	font-weight:bold;
	display:block;
}
#catalogue_result_1 .resultats .detail .produit .texte a.savoir_plus {
	font-weight:bold;
	display:block;
	margin-top:20px;
}
#catalogue_result_1 .resultats .detail .flags {
	width:230px;
	float:left;
}
/* Le lien "voir tous les titres" */
#catalogue_result_1 .resultats a.voir_tous_titres {
	display:block;
	text-align:right;
	margin-top:20px;
	font-weight:bold;
	text-decoration:underline;
	position:absolute;
	margin-top:-1em;
	margin-left:550px;
}
#catalogue_result_1 .resultats .detail .flags strong.titre {
	margin-bottom:15px;
	display:block;
}

/**** LA PAGE DE RESULTAT DE RECHERCHE, Afficher 60 articles sur 6 pages, avec le focus sur l'une des sous-sections *****/
#catalogue_result_2 {
	margin-top:10px;
}
/* Le haut, avec els titres, les choix de pages, etc*/
#catalogue_result_2 .entete {
	margin-left:15px;
	width:730px;
	margin-right:auto;
	margin-left:auto;
}
#catalogue_result_2 .entete h4.toutes_les_nouveautes {
	letter-spacing:0px;
	font-size:1em;
}
#catalogue_result_2 .entete label {
	font-weight:bold;
	color:#1A4396;
}
/* Le lien "Modifier la recherche" */
#catalogue_result_2 .entete a.modif_recherche {
	display:block;
	font-weight:bold;
	text-decoration:underline;
	margin-top:5px;
	margin-bottom:20px;
}
/* La liste des sections et résultats et pages */
#catalogue_result_2 .entete ul.sections {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
/* Les 3 sections */
#catalogue_result_2 .entete ul.sections li {
	display:block;
	margin:0;
	padding:0;
	margin-right:10px;
	float:left;
}
/* On alterne les :hover entre focus et non focus */
#catalogue_result_2 .entete ul.sections li a {
	text-decoration:underline;
	display:block;
	margin-left:5px;
}
#catalogue_result_2 .entete ul.sections li a:hover {
	text-decoration:none;
	font-weight:bold;
}
#catalogue_result_2 .entete ul.sections li.focus a {
	text-decoration:none;
	font-weight:bold;
}
#catalogue_result_2 .entete ul.sections li.focus a:hover  {
	text-decoration:underline;
	font-weight:normal;
}

/* Les nombres de pages et numeros de pages qui s'alignent sous le focus */
#catalogue_result_2 .entete ul.sections li.focus div {
	text-align:left;
	margin-left:5px;
	position:absolute;	
	color: #1A4396;
	margin-top:5px;
}
#catalogue_result_2 .entete ul.sections li.focus div .nbr_pages {
	margin-right:20px;
	float:left;
}
/* Aller à la page */
#catalogue_result_2 .entete ul.sections li.focus div label {
	font-weight:normal;
	float:left;
	margin-right:10px;
}
/* Liste des pages */
#catalogue_result_2 .entete ul.sections li.focus div ul {
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#catalogue_result_2 .entete ul.sections li.focus div ul li {
	display:block;
	margin:0;
	padding:0;
	margin-right:10px;
}
#catalogue_result_2 .entete ul.sections li.focus div ul li a {
	color:#999999;
	text-decoration:underline;
	font-weight:normal;
	color: #8C94C3;
	margin:0;
	padding:0;
}
#catalogue_result_2 .entete ul.sections li.focus div ul li.focus a {
	font-weight:bold;
	text-decoration:none;
	color:#1A4396;
}

#catalogue_result_2 .entete .tri {
	float:right;
	margin-right:15px;
}
#catalogue_result_2 .entete .tri a {
	color: #999999;
	text-decoration:underline;
}
#catalogue_result_2 .entete .tri a:hover {
	text-decoration:none;
}
#catalogue_result_2 .resultats {
	margin-top:25px;
	clear:both;
	width:730px;
	margin-right:auto;
	margin-left:auto;	
}

/* L'un des produits sur une ligne */
#catalogue_result_2 .resultats .detail {
	width:640px;
	margin-left:20px;
	clear:both;
}
/* Deux colonnes, produit et flags */
#catalogue_result_2 .resultats .detail .produit {
	width:420px;
	float:left;
}
#catalogue_result_2 .resultats .detail .produit .img {
	float:left;
	width:110px;
	text-align:center;
	margin-right:5px;
}
#catalogue_result_2 .resultats .detail .produit .img img {
	border-width:1px;
	border-style:solid;
}
#catalogue_result_2 .resultats .detail .produit .texte {
	float:left;
	width:300px;
}
#catalogue_result_2 .resultats .detail .produit .texte a.title {
	font-weight:bold;
	display:block;
}
#catalogue_result_2 .resultats .detail .produit .texte a.savoir_plus {
	font-weight:bold;
	display:block;
	margin-top:20px;
}
#catalogue_result_2 .resultats .detail .flags {
	width:230px;
	float:left;
}
#catalogue_result_2 .resultats .detail .flags strong.titre {
	margin-bottom:15px;
	display:block;
}

/* PRESENTATION INTERACTIVE DE L'ARTICLE */
/* Voici les classes appliqués à tout les blocs avec titre arrondi */
.blockRoundTitle h4 {
	color:#333333;
	letter-spacing:0px;
	padding-top:8px;
	padding-left:1px;
	padding-bottom:5px;
	font-size:1.2em;
}
/* On réduit els marges ajoutées par les bords arrondis pour que ca se colle aux bords */
.blockRoundTitle .inside .borderContenu {
	margin-left:0px;
	margin-right:0px;
}
/* Les listes et sous-listes */
.blockRoundTitle .inside ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:10px;
}
.blockRoundTitle .inside ul li {
	margin:0;
	padding:0;
	list-style-image:none;
	font-weight:bold;
	color:#1A4396;
	text-indent:10px;
}
.blockRoundTitle .inside ul li a {
	font-weight:bold;
	color:#1A4396;
	text-decoration:none;
	display:block;
	margin:0;
	padding:0;
	text-indent:0px;
	padding-left:10px;
	padding-right:5px;
	height:1%;
}
.blockRoundTitle .inside ul li ul {
	margin:0;
}
.blockRoundTitle .inside ul li ul li {
	text-indent:0px;
}
.blockRoundTitle .inside ul li ul li a {
	font-weight:normal;
	padding-left:1px;
	display:block;
}
.blockRoundTitle .inside ul li ul li a:hover {
	font-weight:normal;
}

#presentation_detail {
}
/* La fausse pop-up de zoom */
#pop-up_zoom {
	position:absolute;
	background:#FFFFFF;
	margin-left:140px;
	top:170px;
	width:325px;
	z-index:9999;
	display:none;
}
#pop-up_zoom .zoom {
	text-align:center;
}
#pop-up_zoom .zoom img {
	display:none;
	width:250px;
}
/* La colonne de menu */
#presentation_detail .colonne_menu {
	margin-left:0px;
	display:inline; /* Fix de doublement de marge pour IE */
	width:160px;
}
/* Le visuel */
#presentation_detail .colonne_menu .visuel {
	margin-top:15px;
	text-align:center;
	margin-bottom:15px;
}
#presentation_detail .colonne_menu .visuel img {
	border-width:1px;
	border-style:solid;
	margin-bottom:3px;
	width:120px;
	cursor:pointer;
}
#presentation_detail .colonne_menu .visuel strong {
	background:red;
	color: #FFFFFF;
	padding:3px;	
}
/* Les contenus numériques */
#presentation_detail .colonne_menu .contenus_numeriques {
	margin-top:10px;
}
#presentation_detail .colonne_menu .contenus_numeriques ul li {
	margin-bottom:3px;
}
/* La colonne principale (elle-même divisée en deux) avec le texte */
#presentation_detail .colonne_contenu {
	float:left;
	width:80px;
	margin-left:20px;
}
#presentation_detail .colonne_contenu .corps {
	float:left;
	width:450px;
}
/* Le bouton commander du haut */
#presentation_detail .colonne_contenu a.commander {
	display:block;
	text-align:right;
	margin-right:50px;
	margin-bottom:15px;
}
/* Le titre */
#presentation_detail .colonne_contenu h3 {
	letter-spacing:0px;
	font-size:1.2em;
}
#presentation_detail .colonne_contenu h3 .pictos {
	position:absolute;
	width:35px;
}
#presentation_detail .colonne_contenu h3 .pictos img {
	display:block;
	margin-bottom:5px;
}
#presentation_detail .colonne_contenu h3 .titre {
	padding-top:6px;
	width:375px;
	padding-left:40px;
}


#presentation_detail .colonne_contenu .espace_texte {
	margin-left:40px;
	margin-right:40px;
}
/* Les listes Collection : Truc, rajouter un clear:both après */
#presentation_detail .colonne_contenu dl {
}
#presentation_detail .colonne_contenu dt {
	float:left;
	font-weight:bold;
	color:#1A4396;
	clear:both;
	margin-right:5px;
}
#presentation_detail .colonne_contenu dd {
	display:table-cell;
	margin:0;
}
	
	
/* L'espace de texte de présentation reel de la page */
#presentation_detail .colonne_contenu .texte {
	margin-top:10px;
	text-align:justify;
}
/* La fiche récapitulative du produit */
#presentation_detail .colonne_contenu .fiche {
	margin-top:40px;
	height:1%;
}	
/* Les deux colonnes (un clear:both après) */
#presentation_detail .colonne_contenu .fiche .partie1 {
	float:left;
	width:180px; 
}
#presentation_detail .colonne_contenu .fiche .partie2 {
	float:left;
	width:180px;
}
/* Les deux liens donner avis et commander */
#presentation_detail .colonne_contenu .fiche .liens {
	clear:both;
	margin-top:10px;
}
#presentation_detail .colonne_contenu .fiche a.donner_avis {
	float:left;
	font-weight:bold;
	text-decoration:underline;
	background: url("../images/interface/picto-donner-avis.gif") top right no-repeat;
	padding-right:18px;
}
#presentation_detail .colonne_contenu .fiche a.commander {
	margin-right:5px;
	float:right;
	display:inline;
}
/* Le lien de retour en haut de page */
#presentation_detail .colonne_contenu .haut_de_page {
	width:80px;
	background: url("../images/interface/puce-fleche-bleue-haut.gif") 0px 2px no-repeat;
	padding-left:1px;
	margin-right:auto;
	margin-left: auto;
	font-size:0.8em;
	display:block;
	margin-top:10px;
}
/* la colonne de droite  */
#presentation_detail .colonne_contenu .infos_sup {
	float:left;
	width:450px;
	margin-left:0px;
}
#presentation_detail .colonne_contenu .infos_sup .outils h4 {
	padding-left:8px;
}
#presentation_detail .colonne_contenu .infos_sup  .inside ul {
	margin-top:10px;
}
#presentation_detail .colonne_contenu .infos_sup  .inside ul li {
	margin-bottom:3px;
}	

#presentation_detail .colonne_contenu .infos_sup .outils .inside form {
	text-align:center;
	margin-top:20px;
	margin:0;
	padding:0;
}
#presentation_detail .colonne_contenu .infos_sup .outils .inside select {
	background:white;
	border: 1px solid #1A4396;
	margin-top:10px;
}
#presentation_detail .colonne_contenu .infos_sup .outils .inside input.submit {
	margin-top:5px;
}
#presentation_detail .colonne_contenu .infos_sup .meme_collection {
	margin-top:10px;
}
/* La pop-up pour donner son avis. Le div est mis dans la page mais masqué, on le fait apparaitre en cliquant */
#donner_avis {
	position:absolute;
	background:#FFFFFF;
	margin-left:340px;
	top:170px;
	width:325px;
	z-index:9999;
	display:none;
}
#donner_avis form {
	padding:0;
	margin-bottom:0px;
}
#donner_avis h3 {
	margin-bottom:10px;
	font-size:1em;
	letter-spacing:0px;
}
#donner_avis label {
	color: #1A4396;
	font-weight:bold;
	margin-right:5px;
}
#donner_avis input.mail {
	width :200px;
}
#donner_avis label.objet {
	margin-top:10px;
	margin-bottom:5px;
	display:block;
}
#donner_avis span.objet {
	margin-bottom:10px;
	display:block;
}
#donner_avis label.message {
	display:block;	
}
#donner_avis textarea.message {
	width: 290px;
	height:100px;
}
#donner_avis input.submit {
	background: url("../images/interface/bouton-envoyer.gif") top right no-repeat;
	margin-top:20px;
	/* Le texte n'est pas visible à l'écran */
	padding:0px !important; /* 9999 pour Ie qui me le sort, mais Mozzy me l'alonge */
	padding-left:9999px;
	text-indent:9999px; 
	overflow:hidden;
	float:right;
}

/* Présentation des sites des auteurs */
#presentation_detail .presentation_article .presentation_interactive {
	margin-top:40px;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte {
	margin-top:30px;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte h4 {
	letter-spacing:0px;
	font-size:1em;
	font-weight:bold;
	margin-bottom:10px;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte h5 {
	letter-spacing:0px;
	font-size:1em;
	font-weight:bold;
	margin-bottom:10px;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte h6 {
	font-size:1em;
	letter-spacing:0px;
	color:#000000;
	margin-top:10px;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte li {
	margin:0px;
	padding:0px;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte ul li a {
	text-decoration:underline;
	color:#000000;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur .espace_texte ul li a:hover {
	color:#1A4396;
}
#presentation_detail .colonne_contenu .presentation_sites_auteur  a.haut_de_page {
	margin-top:50px;
}
/* Présentation des auteurs */
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte {

}
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte ul.liste_auteurs {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:30px;
	margin-bottom:30px;
}
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte ul.liste_auteurs li {
	margin:0;
	padding:0;
	display:inline;
	margin-right:px;
	text-align:center;	
}
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte ul.liste_auteurs li a {
	font-weight:bold;
	font-size:1.2em;
	text-decoration:underline;
}
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte ul.liste_auteurs li a:hover {
	text-decoration:none;
}
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte ul.liste_auteurs li a.focus {
	text-decoration:none;
}
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte h6 {
	font-size:1em;
	letter-spacing:0px;
	margin-top:10px;
	margin-bottom:3px;
}
#presentation_detail .colonne_contenu .presentation_auteur .espace_texte .player {
	text-align:center;
	margin-top:20px;
}


/**** LA PAGE DE RECHERCHE DE CONTENU NUMERIQUE ***/
#recherche_numerique {
	text-align:center;
	padding-top:20px;
}
#recherche_numerique .recherche {
	margin-top:20px;
	width:730px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
#recherche_numerique input.bouton_ok {
	margin-left:10px;
}
#recherche_numerique fieldset.autres_criteres {
	clear:both;
	margin-top:10px;
}
#recherche_numerique fieldset.autres_criteres legend {
	font-size:0.8em;
	font-style:italic;
	color:#1A4396;
	margin-left:-7px;
	padding:0px;
	text-indent:0px;
	left:0;
	margin-bottom:10px;
	position:relative;
}
#recherche_numerique fieldset.autres_criteres .telechargements_recents {
	clear:both;
	margin-left:120px;
	color:#1A4396;
	font-weight:bold;
}
#recherche_numerique fieldset.autres_criteres .telechargements_recents input {
	margin-right:10px;
}
#recherche_numerique .div_submit {
	text-align:center;
	margin-top:10px;
}
#recherche_numerique .div_submit input {
	float:none;
	margin:0;
	margin-right:auto;
	margin-left:auto;
}

/********* RESULTATS DE RECHERCHE NUMERIQUE *********/
#resultat_numerique {
	
}
#resultat_numerique .entete {
	width:730px;
	margin-right:auto;
	margin-left:auto;
}
#resultat_numerique .entete .recherche {
	float:left;
	
}
#resultat_numerique .entete .recherche label {
	color:#1A4396;
	font-weight:bold;
}
#resultat_numerique .entete .recherche a.modif_recherche {
	display:block;
	margin-top:5px;
	font-weight:bold;
	text-decoration:underline;
}
#resultat_numerique .entete a.plugins {
	float:right;
	margin-top:5px;
}
#resultat_numerique .entete .tri {
	clear:both;
	margin-top:10px;
	text-align:right;
	margin-right:40px;;
}
#resultat_numerique .entete .tri label {
	color:#1A4396;
	font-weight:bold;	
}
#resultat_numerique .entete .tri a {
	color: #999999;
	text-decoration:underline;
}
#resultat_numerique .entete .tri a:hover {
	text-decoration:none;
}
#resultat_numerique .entete .pages {
	color:#1A4396;
}
#resultat_numerique .entete .pages .nbr_pages {
	margin-right:10px;
}
#resultat_numerique .entete .pages ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#resultat_numerique .entete .pages ul li {
	padding-left:5px;
	display:inline;
}
#resultat_numerique .entete .pages ul li a {
	color: #999999;
	text-decoration:underline;
}
#resultat_numerique .entete .pages ul li a:hover {
	text-decoration:none;
}
#resultat_numerique .entete .pages ul li a.focus {
	color:#1A4396;
	font-weight:bold;
	text-decoration:none;
}
/* Les blocs d'information par produit */
/* Partie visible */
#resultat_numerique .numerique {
		margin-bottom:20px;
		width:730px;
		margin-right:auto;
		margin-left:auto;
}
#resultat_numerique .numerique .borderContenu {
	margin-right:0;
}
#resultat_numerique .numerique .infos {
}
#resultat_numerique .numerique .infos .titre {
	float:left;
	border-right-width:1px;
	border-right-style: solid;
	width:205px;	
	height:55px;
	color:#1A4396;
	font-weight:bold;
}
#resultat_numerique .numerique .infos .collection {
	float:left;
	border-right-width:1px;
	border-right-style: solid;
	margin-left:10px;
	width:195px;
	height:55px;
}
#resultat_numerique .numerique .infos .parution {
	float:left;
	border-right-width:1px;
	border-right-style: solid;
	margin-left:10px;
	width:140px;
	height:55px;
}
#resultat_numerique .numerique .infos .pictos {
	float:left;
	width:120px;
	margin-left:10px;
	text-align:center;
}
#resultat_numerique .numerique .infos .pictos .fichier_type {
	font-size:0.8em;
	color:#1A4396;
}
#resultat_numerique .numerique .infos .pictos img {
	margin-top:5px;
}
#resultat_numerique .numerique .infos .pictos a.link_plus {
	font-weight:bold;
	margin-top:5px;
	display:block;
}
#resultat_numerique .numerique .infos_plus {
	margin-top:10px;
	
}
#resultat_numerique .numerique .infos_plus .texte {
	float:left;
	width:460px;
}
#resultat_numerique .numerique .infos_plus .texte strong {
	color:#1A4396;
	display:block;
	margin-top:10px;
}
#resultat_numerique .numerique .infos_plus .texte ul {
	margin:0;
	padding:0;
	list-style:none;
}
#resultat_numerique .numerique .infos_plus .texte ul li {
	margin:0;
	padding:0;
}
#resultat_numerique .numerique .infos_plus .texte ul li a {
	color:#333333;
	text-decoration:underline;
}
#resultat_numerique .numerique .infos_plus .texte ul li a:hover {
	text-decoration:none;
}
/* Les pictos nouveau, gratuit, acces restreint*/
#resultat_numerique .numerique .infos_plus .pictos {
	float:right;
	width:145px;
	border-top-width:1px;
	border-top-style:solid;
}
#resultat_numerique .numerique .infos_plus .pictos div {
	font-weight:bold;
	padding-left:1px;
	padding-top:3px;
	padding-bottom:3px;
}
#resultat_numerique .numerique .infos_plus .pictos .nouveau {
	color:#FFFFFF;	
}
#resultat_numerique .numerique .infos_plus .pictos .gratuit {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	color:#666666;
	background:url("../images/interface/picto-gratuit.gif") 60px 4px no-repeat;
}
#resultat_numerique .numerique .infos_plus .pictos .acces_restreint {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	color:#666666;
	background:url("../images/interface/picto-restreint.gif") 110px 6px no-repeat;
}
#resultat_numerique .numerique .infos_plus .pictos a.link_moins {
	display:block;
	text-align:right;
	font-size:0.8em;
	margin-right:20px;
	margin-top:5px;
	background: url("../images/interface/puce-fleche-bleue-haut.gif") top right no-repeat;
	padding-right:15px;
}

/**** RECHERCHE AVANCEE ***/
#recherche_avancee {
	text-align:center;
	padding-top:20px;
}
#recherche_avancee a.aide {
	margin-left:150px;
	color:#1A4396;
	font-weight:bold;
	display:block;
	text-align:left;
	text-decoration:underline;
	margin-bottom:20px;	
}
#recherche_avancee .recherche {
	width:730px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;	
}
#recherche_avancee .recherche form.label_cell label {
	width:150px;
}
#recherche_avancee .recherche form.label_cell .type_enseignement label {
	width:100px;
}
#recherche_avancee .recherche form.label_cell .type_enseignement input {
	margin-top:-4px;
}
#recherche_avancee .recherche form.label_cell .type_enseignement span {
	display:block;
	float:left;
	margin-right:15px;
}
#recherche_avancee .recherche form.label_cell fieldset.criteres legend {
	font-size:0.8em;
	font-style:italic;
	color:#1A4396;
	margin-left:-7px;
	padding:0px;
	text-indent:0px;
	left:0;
	margin-bottom:10px;
	position:relative;
}
#recherche_avancee .recherche form.label_cell fieldset.criteres .checkboxes {
	clear:both;
	margin-left:150px;
	color:#1A4396;
	font-weight:bold;
}
#recherche_avancee .recherche form.label_cell fieldset.criteres .checkboxes div {
	height:25px
}
#recherche_avancee .recherche form.label_cell fieldset.criteres .checkboxes div input {
	margin-right:5px;
}
#recherche_avancee .recherche form.label_cell .tri {
	margin-top:10px;
}
#recherche_avancee .recherche form.label_cell .tri label {
	width:150px;
}
#recherche_avancee .recherche form.label_cell .tri input {
	margin-top:-4px;
}
#recherche_avancee .recherche form.label_cell .tri span {
	display:block;
	float:left;
	margin-right:15px;
}
#recherche_avancee .recherche form.label_cell .div_submit {
	clear:both;
	text-align:center;
	margin-top:10px;
}
#recherche_avancee .recherche form.label_cell .div_submit input {
	margin-right:auto;
	margin-left:auto;
	float:none;
}
/********** FAUSSE POP-UP D'AIDE A LA RECHERCHE **************/
#pop-up_aide_recherche {
	position:absolute;
	background:#FFFFFF;
	margin-left:325px;
	top:170px;
	width:425px;
	z-index:9999;
	display:none;
}
#pop-up_aide_recherche h3 {
	font-weight:bold;
	letter-spacing:0px;
	font-size:1em;
	color:#1A4396;
	margin-bottom:15px;
}
#pop-up_aide_recherche h6 {
	font-size:1em;
	letter-spacing:0px;
	font-weight:bold;
	margin-top:10px;
	color:#333333;
	display:inline;
	margin-right:6px;
}
#pop-up_aide_recherche ul {
	margin-bottom:0px;
	margin-top:10px;
	list-style-type:decimal;
}



/*** LISTE DES PLUG-INS NECESSAIRES ***/
#plugins {
	padding-top:20px;
}
#plugins a.retour {
	margin-bottom:10px;
}
#plugins .colonne_menu {
	width:340px;
	margin-left:90px;
	display:inline; /* Fix de doublement de marge pour IE */
}
#plugins .colonne_menu h4 {
	font-size:1.2em;
	letter-spacing:0px;
	margin-bottom:20px;
}
#plugins .colonne_texte {
	margin-left:50px;
}
#plugins .colonne_texte .clear_both {
	height:1px;
}
#plugins .colonne_texte .ligne.first-child .cell1 {
	padding:0;
	padding-bottom:3px;
}
#plugins .colonne_texte .ligne.first-child .cell2 {
	padding:0;
	padding-bottom:3px;
}
#plugins .colonne_texte .ligne .cell1 {
	float:left;
	width:120px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	color:#1A4396;
	font-weight:bold;
}
#plugins .colonne_texte .ligne .cell1 .type {
	display:block;
	font-weight:normal;
	font-size:0.95em;
}
#plugins .colonne_texte .ligne .cell2 {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:250px;
	border-left-width:1px;
	border-left-style:solid;
	color:#1A4396;
	font-weight:bold;
}
/*********** LES ACTUALITES *********/
#actus {
	width:730px;
	margin-right:auto;
	margin-left:auto;
}
#actus a.retour {
	margin-bottom:15px;
}
#actus .actu {
	height:1%; /* évite le bug de IE qui masque parfois les bords... */
	clear:both;
}
#actus .actu .img {
	float:left;
	width:120px;
	text-align:center;
}
#actus .actu .img img {
	border-width:1px;
	border-style:solid;
}
#actus .actu .texte {
	float:left;
	width:325px;
}

#actus .actu .texte a {
	color:#000000;
	text-decoration:underline;
}
#actus .actu .texte a:hover {
	text-decoration:none;
}
#actus .actu .texte h3 {
	font-size:1em;
	letter-spacing:0px;
	margin-bottom:10px;
}
#actus .actu .texte .chapo {
	margin-bottom:10px;
}
#actus .actu .texte .infos {
	margin-top:10px;
}
/*********** RECEVOIR UN CATALOGUE PAPIER **************/
#recevoir_catalogue a.retour {
	padding-bottom:25px; /* Si je mets un margin-bottom, il disparait quand je passe mon curseur sur les ul li a des téléchargements sur Ie, donc padding */
}
#recevoir_catalogue .colonne_formulaire {
	float:left;	
	width:580px;
	margin-right:25px;
	margin-left:20px;
}
#recevoir_catalogue .colonne_formulaire .explication {
	width:350px;
	color:#1A4396;
	display:block;
	padding-bottom:20px; /* Si je mets un margin-bottom, il disparait lors de la disparition des <select avec IE, donc padding */
}
#recevoir_catalogue .colonne_formulaire form label {
	width:170px;
}
#recevoir_catalogue .colonne_formulaire .obligatoire {
	display:block;
	font-size:0.8em;
	color:#1A4396;
	margin-bottom:10px;
}
#recevoir_catalogue .colonne_formulaire .confirmation {
	color:#1A4396;
	float:left;
	margin-right:10px;
	padding-top:5px;	
}
#recevoir_catalogue .colonne_formulaire form label.autre_catalogue {
	font-size:0.8em;
	font-style:italic;
}
#recevoir_catalogue .colonne_droite {
	float:left;
	width:315px;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue {
	margin-bottom:25px;
	padding:10px;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue h4 {
	color:#FFFFFF;
	font-size:1em;
	letter-spacing:0px;
	font-weight:bold;
	margin-right:10px;	
	float:left;
	padding-top:5px;
}

#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures {
	margin-top:10px;
}
/* une unique couverture pour Istra */
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_1 {
	margin-left:65px;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_1 .couverture img {
	display:inline;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_1 .couverture a {
	display:inline;
	margin-left:10px;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_1 .couverture a:hover {
	color:#FFFFFF;
}

#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_3 {
	padding-left:10px;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_2 {
	padding-left:25px;
	
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_3 .couverture {
	display:block;
	float:left;
	width:90px;
	height:100px;
	text-align:center;
	margin-bottom:10px;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .ligne_2 .couverture {
	display:block;
	float:left;
	width:120px;
	height:115px;
	text-align:center;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .couverture img {
	width:50px;
	height:53px;
}
#recevoir_catalogue .colonne_droite .feuilleter_catalogue .couvertures .couverture a {
	display:block;
	font-weight:bold;
}
#recevoir_catalogue .colonne_droite .telecharger ul li a {
	display:inline;
	margin-right:10px;
}
#recevoir_catalogue .colonne_droite .telecharger ul li a:hover {
	background-color:transparent;
	text-decoration:underline;
	position:relative;
}
#recevoir_catalogue .colonne_droite .telecharger ul li .poids {
	font-weight:normal;
}

/******** CONTACTS ******/
#contacts .colonne_menu {
	margin-left:160px;
	display:inline; /* Fix de doublement de marge pour IE */
	margin-right:0px;
}
#contacts .colonne_texte {
	width:420px;
	margin-left:0px;
	text-align:left;
}
#contacts .colonne_texte h3 {
	letter-spacing:0px;
	font-size:1.3em;
	margin-bottom:10px;
}
#contacts .colonne_texte h4 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:0px;
	background: url("../images/interface/puce-fleche-bleue.gif") top left no-repeat;
	padding-left:20px;
}
#contacts .colonne_texte h5 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:0px;
}
#contacts .colonne_texte a {
	color:#1A4396;
}
#contacts .colonne_texte a:hover {
	text-decoration: underline;
}
#contacts #texte_delegues {
	width:350px;
	display:block;
}
#contacts #texte_delegues .info_delegue {
	width:280px;
	position:absolute;
	margin-left:-320px;
	margin-top:210px;
	background-image: url("../images/interface/fond-blanc-info-delegues.gif");
	background-position: top left;
	background-repeat: repeat-y;
}
#contacts #texte_delegues .info_delegue .texte {
	margin-left:18px;
}
/**** MENTIONS LEGALES ****/
#mentions {
	padding-top:10px;
}
#mentions .colonne_menu {
	margin-left:160px;
	display:inline; /* Fix de doublement de marge pour IE */
	width:300px;
}
#mentions .colonne_texte {
	width:420px;
	margin-left:20px;
	text-align:left;
}
#mentions .colonne_texte .screenshot {
	text-align:center;
	margin-top:15px;
}
#mentions .colonne_texte ul {
	list-style-image: url("../images/interface/puce-rond-bleu.gif");
}
#mentions .colonne_texte h3 {
	letter-spacing:0px;
	font-size:1.3em;
	margin-bottom:10px;
}
#mentions .colonne_texte h4 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:0px;
	background: url("../images/interface/puce-fleche-bleue.gif") top left no-repeat;
	padding-left:20px;
}
#mentions .colonne_texte h5 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:0px;
}
#mentions .colonne_texte a {
	color:#1A4396;
}
#mentions .colonne_texte a:hover {
	text-decoration:underline;
}
#mentions .info_cookies {
	background:#E6E6E6;
	padding:15px;
}
/**** AIDE COMMANDE EN LIGNE ****/
#aide_commande {
	margin-bottom:30px;
	padding-top:10px;
}
#aide_commande .colonne_menu {
	margin-left:160px;
	display:inline; /* Fix de doublement de marge pour IE */
	width:300px;
}
#aide_commande .colonne_texte {
	width:420px;
	margin-left:20px;
	text-align:left;
}
#aide_commande .colonne_texte h3 {
	letter-spacing:0px;
	font-size:1.3em;
	margin-bottom:10px;
}
#aide_commande .colonne_texte h5 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:0px;
}
#aide_commande .colonne_texte a {
	color:#1A4396;
}
#aide_commande .colonne_texte a:hover {
	text-decoration:underline;
}
#aide_commande #texte_inscription_identification a {
	color:#333333;
	text-decoration:underline;
}
#aide_commande #texte_inscription_identification a:hover {
	text-decoration:none;
}
/***************** La fausse pop-up d'envoi de mail **********************/
#pop-up_mail {
	position:absolute;
	background:#FFFFFF;
	margin-left:240px;
	top:170px;
	width:470px;
	z-index:9999;
	display:none;
}
#pop-up_mail h3 {
	margin-bottom:10px;
	font-size:1em;
	letter-spacing:-1px;
}
#pop-up_mail textarea {
	width:270px;
	height:130px;
}
#pop-up_mail input.submit {
	background: url("../images/interface/bouton-envoyer.gif") top right no-repeat;
	/* Le texte n'est pas visible à l'écran */
	padding:0px !important; /* 9999 pour Ie qui me le sort, mais Mozzy me l'alonge */
	padding-left:9999px;
	text-indent:9999px; 
	overflow:hidden;
	float:right;
	margin-top:10px;
}

/*********** PLAN DU SITE *************/
#plan {
	padding-top:25px;
	
}
/*L'une des sections */
#plan .section {
	width:730px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	height:1%;
}
/* l'espace aux bords arrondis */
#plan .section .infos .borderContenu {
	margin-left:5px;
	margin-right:5px;
	background-image: url("../images/interface/fond_plan_section.gif");
	background-position: top left;
	background-repeat:  repeat-y;
}
#plan .section .infos .titre {
	float:left;
	width:124px;
	margin-right:10px;
	padding-left:8px;
	padding-right:4px;
	font-weight:bold;
	color:#1A4396;
}
#plan .section .infos .texte {
	float:left;
	width:270px;
	margin-right:20px;
	display:inline; /* Fix de doublement de marge pour IE */
}
#plan .section .infos .liens {
	float:left;
	width:265px;
}
#plan .section .infos .liens ul {
	margin:0;
	padding:0;
	margin-left:5px;
	list-style:none;
}
#plan .section .infos .liens ul li {
	margin:0;
	padding:0;
}
#plan .section .infos .liens ul li a {
	text-decoration:underline;
}

/********** DEMANDE D'INFORMATIONS AIDE COMMANDE EN LIGNE *************/
#demande_informations {
	padding-top:15px;
}
#demande_informations .inside {
	width:730px;
	margin-right:auto;
	margin-left:auto;
}
#demande_informations .entete {
	width:560px;
	margin-bottom:20px;
}
#demande_informations .form {
	height:1%; /* Pour éviter que les bordures disparaissent sous IE */
}
#demande_informations .form label {
	width:210px;
}
#demande_informations .form input.lpc1 {
	margin-right:10px;
}
#demande_informations .form textarea.message {
	display:block;
	float:none;
	clear:both;
	width:400px;
	height:150px;
}
#demande_informations .form .obligatoire {
	font-size:0.95em;
	color:#1A4396;
	margin-top:15px;
	display:block;
}
#demande_informations .form .valider {
	text-align:center;
}
#demande_informations .form .valider input {
	margin-right:auto;
	margin-left:auto;
	float:none;
}
#demande_informations .form input.retour {
	border:none;
	cursor:pointer;
	width:105px;
	height:25px;
	background: url("../images/interface/bouton-retour_grand.gif") top left no-repeat;
	/* Le texte n'est pas visible à l'écran */
	padding:0px !important; /* 9999 pour Ie qui me le sort, mais Mozzy me l'alonge */
	padding-left:9999px;
	text-indent:9999px; /* Mozzy comprends le text-indent par contre */	
	overflow:hidden;	
}
/******* AUCUN RESULTAT ********/
#no_result {
	width:730px;
	margin-right:auto;
	margin-left:auto;	
}
#no_result .roundBorder {
	margin-top:20px;
}
#no_result .roundBorder .borderContenu {
	padding:25px;
	text-align:center;
}
#no_result .roundBorder form {
	margin-top:15px;
}
#no_result .roundBorder form input {
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
}
#no_result .entete {
	margin-left:15px;
}
#no_result label {
	font-weight:bold;
	color:#1A4396;
}
/* Le lien "Modifier la recherche" */
#no_result a.modif_recherche {
	display:block;
	font-weight:bold;
	text-decoration:underline;
	margin-top:5px;
	margin-bottom:10px;
}


/************* FAQ *****************/
#faq {
	padding-top:20px;
	overflow:hidden;
}
#faq .menu {
	float:left;
	margin:0;
	padding:0;
	display:inline; /*Fix IE*/
	list-style-position:outside; /*Fix IE*/
	width:150px;
	margin-left:140px;
	list-style:none;
}
#faq .menu li {
	margin:0;
	padding:0;
	margin-bottom:5px;
	height:1%;
}
#faq .menu li a {
	background: url("../images/interface/puce-fleche-bleue.gif") 0px 2px no-repeat;
	display:block;
	color:#333333;
	text-decoration:underline;
	padding-left:1px;
}
#faq .menu li a:hover, #faq .menu li a.focus {
	font-weight:bold;
	color:#1A3596;
}

#faq .texte {
	float:left;
	display:inline;
	width:550px;
	margin-left:50px;
}
#faq .texte h3 {
	font-size:1.4em;
}
#faq .texte ul.faq {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;
}
#faq .texte ul.faq li {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:10px;
	height:1%;
}
#faq .texte ul.faq .question {
	overflow:hidden;
	margin-right:15px;
}
#faq .texte ul.faq .question .numero {
	display:block;
	float:left;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	width:17px;
	height:17px;
	margin-right:10px;
}
#faq .texte ul.faq .question a {
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
}
#faq .texte ul.faq .question a:hover {
	color:#1A3596;
}
#faq .texte ul.faq .reponse {
	margin-left:15px;
	margin-top:8px;
	padding:5px;
	padding-left:1px;
	width:500px;
}

/******* Nos partenaires : même page que index_catalogue ou presque *****/
#catalogue_index .texte_partenaires {
	margin-left:5px;
	margin-right:15px;
}
#catalogue_index .texte_partenaires h3 {
	margin-top:10px;
	display:block;
	font-size:1.1em;	
}

/********* Nos distributeurs **************/
#distributeurs .menu {
	float:left;
	display:inline;
	width:240px;
	margin-left:35px;
}
#distributeurs .texte {
	float:left;
	margin-left:5px;
	overflow:hidden;	
}
#distributeurs .texte .france {
	float:left;
	display:inline;
	width:250px;
}
#distributeurs .texte .france .carte {
	text-align:center;
}
#distributeurs .texte .france .carte .borderContenu {
	margin-left:10px;
	margin-right:10px;
	margin-top:-15px;
	margin-bottom:-2px;
}
#distributeurs .texte .france .info {
	margin-top:20px;
	padding:5px;
}
#distributeurs .texte .monde {
	float:left;
	display:inline;
	width:413px;
	margin-left:15px;
}
#distributeurs .texte .monde .pays {
	margin-top:15px;
}
#distributeurs .texte .monde .pays form {
	margin:0;
}

#distributeurs .texte .monde .pays form label {
	display:none;
}
#distributeurs .texte .monde .pays form select {
	font-size:0.85em;
}
#distributeurs .texte .monde .pays form input.bouton_ok {
	width:21px;
	height:18px;	
	border:0;
	background-image: url("../images/interface/bouton_ok.gif");
	background-position: top left;
	background-repeat: no-repeat;
	text-indent:9999px; /* Fait sortir sous Mozzy */
	overflow:hidden;
	margin-left:10px;
}
#distributeurs .texte .monde .pays .distributeur {
	margin-top:15px;
	overflow:hidden;
	height:1%;
}
#distributeurs .texte .monde .pays .distributeur h3 {
	letter-spacing:0px;
	font-size:1.1em;
	background:url("../images/interface/puce-fleche-bleue.gif") 0px 2px no-repeat;
	padding-left:1px;
}
#distributeurs .texte .monde .pays .distributeur .adresse {
	margin-top:10px;
	margin-left:15px;
}
#distributeurs .texte .monde .pays .distributeur h4 {
	color:#000000;
	display:block;
	letter-spacing:0;
	font-size:1em;
}

/******** présentation interactive de l'article ********/
#presentation_detail #nos_ouvrages {
	margin-top:20px;
}
#presentation_detail #nos_ouvrages .inside {
	display:none;
}
#presentation_detail #nos_ouvrages h4 {
	padding:5px;
	padding-left:1px;
	cursor:pointer;
	background-image: url("../images/interface/puce-fleche-bas-ouvrages.gif");
	background-position: 200px 9px;
	background-repeat: no-repeat;
	height:1%;
}
#presentation_detail .colonne_contenu h3 {
	margin-top:40px;
}

/************** la lettre d'informations ***************/
#lettre_informations {
	padding-top:25px;
}
#lettre_informations .colonne_menu {
	width:170px;
	margin-left:135px;
	float:left;
	display:inline;
}
#lettre_informations .colonne_menu ul {
	padding:0;
	margin:0;
	margin-bottom:15px;
}
#lettre_informations .colonne_menu ul li {
	background: url("../images/interface/puce-fleche-bleue.gif") top left no-repeat;
	list-style-image:none;
	padding-left:1px;
}
#lettre_informations .colonne_menu a {
	color:#333333;
}
#lettre_informations .colonne_menu a:hover {
	text-decoration:underline;
	color:#1A4396;
}
#lettre_informations .colonne_menu a.download {
	text-decoration:underline;
}
#lettre_informations .colonne_texte {
	width:640px;
	margin:0;
	margin-left:20px;
	float:left;
	display:inline;
}
#lettre_informations .colonne_texte h3 {
	margin-left:15px;
	font-size:1.4em;
	letter-spacing:0px;
}
#lettre_informations .colonne_texte strong {
	margin-top:15px;
	margin-left:15px;
	display:block;
}
#lettre_informations .colonne_texte p {
	background:none;
	margin-left:15px;
	margin-top:20px;
	margin-bottom:20px;
	text-indent:0px;
}

#lettre_informations .colonne_texte form ul  {
	list-style:none;
	margin:0;
	padding:0;
}
#lettre_informations .colonne_texte form ul  li {
	margin-bottom:8px;
	height:1%;
	overflow: hidden;
	color:#1C4295;
}
#lettre_informations .colonne_texte form ul li label {
	font-weight:bold;
	color:#1A4396;
	float:left;
	width:190px;
}
#lettre_informations .colonne_texte form ul li input, 
#lettre_informations .colonne_texte form ul li select, 
#lettre_informations .colonne_texte form ul li fieldset, 
#lettre_informations .colonne_texte form ul li textarea {
	float:left;
}
#lettre_informations .colonne_texte form ul li fieldset {
	border:0;
	padding:0;
	margin:0;
}
#lettre_informations .colonne_texte form ul li fieldset legend {
	display:none;
}
#lettre_informations .colonne_texte form ul li.label_full label {
	float:none;
	display:block;
	margin-top:8px;
	width:auto;
}
#lettre_informations .colonne_texte form ul li.label_full input,
#lettre_informations .colonne_texte form ul li.label_full select,
#lettre_informations .colonne_texte form ul li.label_full fieldset,
#lettre_informations .colonne_texte form ul li.label_full textarea {
	float:none;
	margin-left:190px;
}
#lettre_informations .colonne_texte form ul li.label_full input, #lettre_informations .colonne_texte form ul li.label_full textarea {
	margin-top:1em;
}
#lettre_informations .colonne_texte form ul li.label_full fieldset ul li {
	margin-bottom:5px;
	width:190px;
	float:left;
	margin-right:10px;	
}
#lettre_informations .colonne_texte form ul li.label_full fieldset ul li input {
	margin:0px;
}
#lettre_informations .colonne_texte form ul li.label_full fieldset ul li span {
	padding:0px;
	padding-left:5px;
}

#lettre_informations .colonne_texte form ul li.label_extend {
	padding-top:8px;
}
#lettre_informations .colonne_texte form ul li.label_extend label {
	float:left;
	display:inline;
	width:auto;
	margin-right:5px;
}
#lettre_informations .colonne_texte form ul li.label_extend fieldset {
	display:inline;
	float:left;
}
#lettre_informations .colonne_texte form ul li.label_extend fieldset ul li {
	float:left;
	margin-right:8px;
	display:inline;
}
#lettre_informations .colonne_texte form ul li.label_listcheckboxes fieldset {
	float:none;
	margin-left:195px;
	margin-top:8px;
	margin-bottom:15px;
}
#lettre_informations .colonne_texte form ul li.label_listcheckboxes fieldset label {
	font-style:italic;
	padding-left:3px;
	display:block;
	float:none;
	width:auto;
	margin-bottom:3px;
	color:#1A4396;
}
#lettre_informations .colonne_texte form ul li.label_listcheckboxes fieldset ul {
	overflow:hidden;
}
#lettre_informations .colonne_texte form ul li.label_listcheckboxes fieldset ul li {
	margin:0;
	float:left;
	width:190px;
	margin-right:10px;
	overflow:hidden;
}
#lettre_informations .colonne_texte form ul li.buttons {
	text-align:center;
	margin-top:30px;
}
#lettre_informations .colonne_texte form ul li.buttons input.effacer {
	background: url("../images/interface/bouton-effacer.gif") top left no-repeat;
	width:105px;
	height:25px;
	float:none;
	border:0px;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	margin-right:10px;
}
#lettre_informations .colonne_texte form ul li.buttons input.envoyer {
	background: url("../images/interface/bouton_submit.gif") top left no-repeat;
	width:95px;
	height:25px;
	border:0px;
	float:none;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	font-size:0.95em;
}