/* =RESET
   ----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {line-height: 1.5; color: black; background: white;}
ol, ul {list-style: none;}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
img { border: 0; display:block; }
strong {font-weight:bold;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}

/* =GLOBALS
   ----------------------------------------------------*/
html {font-size: 62.5%; /* Resets 1em to 10px */}
html, body {
	height:100%;
}
body {
	background:#3a414c url(/img/fond-haut.jpg) repeat-x left top;
	color:#fff;
	font-family:"Lucida Grande", verdana, heveltica, sans-serif;
	font-size:1.4em;
	text-align: center;
}
h3 { color:#3a404b; font-size:2em; margin-bottom:1em; font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h4 { color:#5F4E33; font-size:.95em; font-weight:bold; margin-bottom:.5em; font-style:italic;}
em {font-style:italic;}
a { color:#000;}
a:hover { text-decoration:none;}
strong {font-weight:bold;}
abbr, acronym {border-bottom: .1em dotted; cursor: help;}
p, ul, dl, ol, h1, h2, h3, h4, h5, h6 {
	text-align:left;
}


/* =PAGE
   ----------------------------------------------------*/
#enrobage {
	background: url(/img/background.jpg) no-repeat center top;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#page {
	padding-bottom: 100px;
	position:relative;
	width: 1100px;
	margin: 0 auto!important;
}

/* =ENTETE
   ----------------------------------------------------*/
#entete {
	height:151px;
	position:relative;
	width:1100px;
}

h1 {
	float:left;
	position:relative;
	left:121px; top:35px;
}

h1 a:link, h1 a:visited {
	display:block;
	float:left;
	height:110px;
	width:353px;
	text-indent:-9999px;
}

#collaboration {
	float:right;
	position:relative;
	right:128px; top:19px;
}

#navigation {
	font-size:1.1em;
	clear:both;
	position:absolute;
	right:125px; 
	bottom:5px;
}
#navigation li {
	display:inline;
	padding:0 5px;
}
#navigation .rightborder {
	border-right:1px solid #fff;
	padding:0 5px;
}
#navigation a {
	text-decoration:none;
	color:#fff;
}
#navigation a:hover {
	color:#864847;
	text-decoration:none;
}
#nom {
	color:#fff;
	font-size:.8em;
	line-height:1.2;
	width:240px;
}
#nom a:link, #nom a:visited {
	font-size:.9em;
	text-decoration:underline;
}
li.entrer {
	padding:0 1px!important;
}
li.entrer label {
	display:none;
	margin:0;
}
li.entrer .valeurParDefaut {
	color:#796A52;
	background-color:#fff;
	padding-left:3px;
	border:1px solid #796A52;
	width:100px;
}
li.entrer #entrer {
	color:#000;
	background-color:#fff;
	width:50px;
	border:1px solid #796A52;
}
li.entrer #entrer:hover {
	cursor:pointer;
	color:#fff;
	background-color:#796A52;
	border:1px solid #fff;
}
li.entrer a {
	color:#796A52;
	text-decoration:none;
}
li.entrer a:hover {
	color:#fff;
	text-decoration:underline;
}
h6 {
	color:#864847!important;
	font-size:.80em;
	background-color:#fff;
	padding:0 2px;
	float:right;
	margin:100px -75px 0 0;
}

#mediatheque {
	display:none;
	width:158px;
	height:50px;
	margin:0;
	padding:0;
	position:absolute;
	top:585px;
	right:50px;
	z-index:1001;
}
#mediatheque a {
	display:block;
	width:158px;
	height:50px;
	margin:0;
	padding:0;
}
#accueil #mediatheque {
	display:block;
}

/* =Slide
   ----------------------------------------------------*/

#slide {
	background:url(/img/slide.gif) no-repeat center center;
	padding:6px;
	position:relative;
	margin:0 auto;
	width:972px;
}

#slide #controles {
	position:absolute;
	left:115px; bottom:19px;
	width:115px;
	z-index:3;
}

#slide #controles #precedent {
	background: url(/img/precedent.gif) no-repeat left bottom;
	display:block;
	float:left;
	height:41px;
	text-indent:-9999px;
	width:56px;
}

#slide #controles #suivant {
	background: url(/img/suivant.gif) no-repeat left bottom;
	display:block;
	float:right;
	height:41px;
	text-indent:-9999px;
	width:56px;
}

#slide #controles #precedent:hover, #slide #controles #suivant:hover {
	background-position: left top;
}

#slide img {
	position:relative;
	left:6px;
}

/* =PARTICIPER
   ----------------------------------------------------*/

#participer {
	height:215px;
	padding:35px 0 0 150px;
}


#participer p {
	float:left;
	font-size:0.9em;
	margin:10px 0 0 0;
	width:700px;
	line-height:1.25;
}

#options {
	float:right;
	position:relative;
	right: 234px; top:15px;
	width:477px;
}

#options a:link, #options a:visited {
	color:#fff;
}

#jeveuxjouer {
	background: url(/img/fleche-2.gif) no-repeat left center;
	height:33px;
	display:block;
	float:left;
	padding:0 0 0 25px;
	font-size:1.1em;
	line-height:33px;
	text-decoration:none;
}

#jeveuxconsulter {
	background: url(/img/fleche-2.gif) no-repeat left center;
	padding:0 0 0 25px;
	font-size:1.1em;
	position:relative;
	top:5px;
	text-decoration:none;
}

#texte_accueil {
	background:url(../img/back_texte_acc.jpg) top left no-repeat;
	color:#fff;
	padding:0 250px;
}
#texte_accueil p{
	padding:0 0 20px 0;
}
#contenu ol{
	color:#5F4E33;
	padding:0 0 20px 0;
}

/* =TONCHOIX
   ----------------------------------------------------*/

#tonchoix {
	margin:0 0 0 102px;
}
#logo {
	text-indent:-9999px;
	float:left;
	height:160px;
	width:230px;
}
#choix_accueil {
	height:160px;
	float:right;
	width:700px;
}
#choix_accueil li{
	float:left;
	position:relative;
}
#choix_accueil li a:hover{
	cursor:pointer;
}
#choix_accueil .iconographie {
	width:100px;
}
#choix_accueil .iconographie p {
	text-indent:0;
}

#descriptions {
	margin:0 0 0 230px;
}
#descriptions p {
	width:550px;
	color:#fff;
	margin:0 0 1em 60px;
}

#descriptions p a:link, #descriptions p a:visited {
	color:#D9C89E;
}

/* =PERSONNAGE-1
   ----------------------*/
#choix-1 a {
	text-indent:-9999px;
	display:block;
	height:144px;
	width:127px;
}

/* =PERSONNAGE-2
   ----------------------*/
#choix-2 a {
	text-indent:-9999px;
	display:block;
	height:144px;
	width:113px;
}

/* =PERSONNAGE-3
   ----------------------*/
#choix-3 a {
	text-indent:-9999px;
	display:block;
	height:144px;
	width:120px;
}

/* =PERSONNAGE-4
   ----------------------*/
#choix-4 a {
	text-indent:-9999px;
	display:block;
	height:144px;
	width:120px;
}

/* =PERSONNAGE-h5
   ----------------------*/
#choix-5 a {
	text-indent:-9999px;
	display:block;
	height:144px;
	width:120px;
}


/* =CHOIX
   ---------------------*/
#choix1, #choix2, #choix3, #choix4, #choix5 {
	height:170px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:670px;
	padding:5px 220px 0 215px;
}

#choix1 {background: url(../img/entete1.jpg) no-repeat top left;}
#choix2 {background: url(../img/entete2.jpg) no-repeat top left;}
#choix3 {background: url(../img/entete3.jpg) no-repeat top left;}
#choix4 {background: url(../img/entete4.jpg) no-repeat top left;}
#choix5 {background: url(../img/entete5.jpg) no-repeat top left;}
#choixnormal {background: url(../img/entete-normal.jpg) no-repeat top left;}

#choix1 h2, #choix2 h2, #choix3 h2, #choix4 h2, #choix5 h2{
	color:#000;
	font-size:1.6em;
}

#choix1 span, #choix2 span, #choix3 span, #choix4 span, #choix5 span{
	font-size:1.1em;
	font-weight:bold;
}

#choix1 p, #choix2 p, #choix3 p, #choix2 p, #choix4 p, #choix5 p {
	color:#474d57;
	line-height:1.3;
	font-size:1.3em;
}

#choix1 p.etape {
	float:right;
	width:250px;
	margin:0 100px 0 0;
}
#choix1 a.precedente {
	text-indent:-9999px;
	float:left;
	display:block;
	background:url(../img/precedente.gif) no-repeat top left;
	width:35px;
	height:35px;
	margin:0 10px 0 10px;
}

#choix1 a.suivante {
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(../img/suivante.gif) no-repeat top left;
	width:35px;
	height:35px;
}
/* =CONTENU
   ----------------------------------------------------*/
#contenu {
	background: url(../img/page.gif) repeat-y top left;
	padding:0 200px 100px 200px;
}
#contenu p{
	color:#3a404b;
	margin:0 0 1em 0;
}
#contenu h2{
	color:#3a404b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.35em;
	margin-bottom:1em;
}

div#boutons_debut {
	width:500px;
	clear:both;
	margin:0 auto;
}

a.bouton, input.bouton {
	font-size:1.60em;
	padding:0 0 0 60px;
	font-weight:bold;
	color:#864847;
	text-decoration:none;
}

/* =SLIDERS
   ---------------*/

div.wowowo {
	background: #f8dbdb;
	color: #8e0000;
	padding: 10px;
}


.ui-slider-handle {
	position: absolute;
	z-index: 1;
	width: 28px;
	height: 47px;
	top: -2px;
	left: 0px;
	background-image: url(../img/handle.gif);
}

.ui-slider-2 {
	width: 458px;
	float:left;
	height: 43px;
	background: url(../img/slider.gif) no-repeat center center;
	margin:0 0 20px 20px;
}

#slider1, #slider2, #slider3 {
	width: 430px;
	float:left;
	height: 43px;
	position: relative;
}

.slide-range {
	position: absolute;
	background: #50A029;
	width: 100%;
	height: 100%;
}

/* =QUESTIONS
   --------------------------------*/

#fil {
	font-size:.9em;
	color:#A55067;
}

#fil li {
	display:inline;
}


#questions2 {
	margin-bottom:1em;
}
#questions2 h3{
	color:#5f4e33;
	font-size:1.10em;
	margin-bottom:1em;
}
#questions2 h4{
	color:#5f4e33;
	font-size:1.25em;
	margin-bottom:1em;
}
#questions2 li {
	width:100%;
	overflow:hidden;
	margin:0 0 5px 0;
	padding:0 5px 5px 5px;
}
#questions2 span {
	float:left;
	margin:0 0 0 5px;
	font-size:1.05em;
	outline:none;
	padding:5px 0 0 30px;
}
#questions_slide {
	margin:0 0 25px 0;
}

#questions_slide li{
	float:left;
	overflow:hidden;
	width:575px;
	clear:both;
	margin-bottom:15px;
}

#questions_slide li input{
	color:#864847;
	font-size:1.05em;
	margin:8px 0 0 15px;
	border:none;
	background:#E8DDBA;
	width:50px;
	text-align:center;
	border:1px solid #5F4E33;
}

#questions_slide li.total label{
	margin-top:2px;
	color:#5F4E33;
	font-size:1.05em;
}

#questions_slide li.total input{
	background:#864847;
	color:#E8DDBA;
	border:1px solid #E8DDBA;
}

#questions2 li:hover, #questions label:hover {
	cursor:pointer;
}
.non_repondu {
	color:#796a52;
	background:#e8ddba;
}
.non_repondu span{
	background:url(../img/unchecked.gif) no-repeat top left;
}
.repondu {
	color:#fff;
	background:#864847;
}
.repondu span{
	background:url(../img/checked.gif) no-repeat;
}
.inactif {
	color:#796a52;
	background:#e8ddba;
}
.inactif span{
	background:url(../img/unchecked.gif) no-repeat top left!important;
}
.mauvaise_reponse {
	color:#fff;
	background:#AA0200;
}
.mauvaise_reponse span{
	background:url(../img/bad.gif) no-repeat;
}
.bonne_reponse {
	color:#fff;
	background:#A3C76F;
}
.bonne_reponse span{
	background:url(../img/good.gif) no-repeat;
}
#repondre {
	float:right;
	margin:10px 25px 0 0;
}

.resultats {
	color:#A3C76F!important;
	font-size:1.1em;
	border:2px solid #A3C76F;
	text-align:center;
	width:705px;
	margin-bottom:50px!important;
	margin-top:-10px!important;
}
/* =INSCRIPTION
   ----------------------------------------------------*/

#entete-inscription {
	/*background:url(../img/entete-inscription.jpg) no-repeat top left;*/
	background: url(../img/page.gif) repeat-y top left;
	height:50px;
	padding:0 200px 0 150px;
}

#entete-inscription h2{
	text-indent:-9999px;
}
#retour {
	float:right;
	text-indent:-9999px;
	background:url(../img/retour.gif) no-repeat top left;
	width:80px;
	height:60px;
	margin:10px 0 0 0;
}
#titre-inscription {
	margin:40px 0 0 0;
}
#inscription {
	color:#796a52;
	padding:35px 0 0 0;
	width:690px;
	height:280px;
	background:url(../img/formulaire.jpg) no-repeat top right;
}

#formulaire-inscription.envoyer-resultats {
	margin-bottom:125px;
	width:575px;
}

#formulaire-inscription.envoyer-resultats ul {
	margin-bottom:15px;
	height:55px;
	width:586px;
}

#formulaire-inscription.envoyer-resultats ul label {
	width:135px;
}

#formulaire-inscription.envoyer-resultats .submit {
	width:344px;
}


#inscription li {
	width:100%;
	overflow:hidden;
	margin:0 0 15px 0;
}
#inscription label {
	margin:0 25px 0 0;
	text-align:right;
	font-size:1.05em;
	float:left;
	width:240px;
}
#code_securite {
	float:left;
	width:100px !important;
	margin:0 15px 0 0;
}
#inscription input {
	width:380px;
	height:20px;
	border:2px solid #fff;
}
#inscription input:focus, #inscription input:focus {
	border:2px solid #a45167;
}
#inscris {
	display:none;
}
.submit {
	outline:none;
	float:right;
	height:40px;
	width:235px;
}
.erreur {
	text-align:center;
	color:#990000;
}

/* =LOGIN
   ----------------------------------------------------*/

#inscription.login {
	color:#796a52;
	padding:50px 30px 0 35px;
	height:280px;
	margin:0 auto 45px auto;
	background:url(../img/formulaire.jpg) no-repeat top left;
	width:385px;
}

#inscription #entrer {
	font-size:1.25em;
	font-weight:bold;
	color:#864847;
	height:auto;
	width:auto;
	background:#fff;
	border:1px solid #864847;
}
/* =PIED-DE-PAGE
   ----------------------------------------------------*/

#pied-de-page {	
	background:#fff!important;
	border-top:1px solid #3a414c;
	clear:both;
	position:relative;
	background:#d9c89e;
	height:73px;
	margin-top:-73px;
}

#accueil #pied-de-page {	
	background:#fff url(/img/fond-bas.jpg) repeat-x left top!important;
	border:none;
	clear:both;
	padding-top:32px;
	position:relative;
	background:#d9c89e;
	height:73px;
	margin-top:-73px;
}

#pied-de-page ul {
	margin:0 auto;
	width:480px;
}

#pied-de-page ul li{
	float:left;
}
#pied-de-page ul li img.logo_1{margin-top:25px; margin-right:40px;}
#pied-de-page ul li img.logo_2{margin-top:21px;margin-right:40px;}
#pied-de-page ul li img.logo_3{margin-top:20px;}

/* =SectionMediathque
   ----------------------------------------------------*/

#sectionMediatheque {
	background: #343943 url(/img/fond-haut2.jpg) repeat-x left top; }

#sectionMediatheque #enrobage {
	background: url(/img/back-mediatheque.jpg) no-repeat center top; }

#sectionMediatheque #participer {
	padding-bottom: 35px;
	height: auto; }
	
#sectionMediatheque #participer p {
	float:none;
	line-height: 1.5;
	width: 835px; }

#sectionMediatheque .layout {
	margin: 0 auto;
	width: 972px; }

#sectionMediatheque .layout a:link, #sectionMediatheque .layout a:visited {
	color: #fff; }

#sectionMediatheque .boite {
	background: #000;
	margin-bottom: 14px;
	padding: 12px 45px 45px;
	position: relative; }

#sectionMediatheque .boite h2 {
	font-size: 1.3em;
	margin: .7em 0; }

#sectionMediatheque .gauche {
	float: left;
	width: 388px; }

#sectionMediatheque .droite {
	float: right;
	width: 388px; }

#sectionMediatheque .boite .listeMedias li {
	float: left;
	margin-bottom: 1px;
	position: relative;
	width:100%;  }

#sectionMediatheque .boite .listeMedias a:link, #sectionMediatheque .boite .listeMedias a:visited {
	float: left;
	text-decoration: none; }
	
#sectionMediatheque .boite .listeMedias span, #sectionMediatheque .boite .listeMedias span {
	display: block;
	float: left;
	padding: 8px 40px;
	width: 308px; }

#sectionMediatheque .boite .listeMedias li.style {
	background: #19271a;
	color:#8c938d; }

#sectionMediatheque .boite .listeMedias li.style span, #sectionMediatheque .boite .listeMedias li.style span {
	background: url(/img/bg-style.gif) no-repeat 14px 16px; }

#sectionMediatheque .boite .listeMedias li.audio, #sectionMediatheque .boite .listeMedias li.audio {
	background: #3f6242 url(/img/bg-boite-vert.jpg) repeat-x left top; }
	
#sectionMediatheque .boite .listeMedias li.audio span, #sectionMediatheque .boite .listeMedias li.audio span {
	background: url(/img/bg-audio.png) no-repeat 13px 10px; }

#sectionMediatheque .boite .listeMedias li.journaux, #sectionMediatheque .boite .listeMedias li.journaux {
	background: #2e7479 url(/img/bg-boite-bleu.jpg) repeat-x left top; }

#sectionMediatheque .boite .listeMedias li.journaux span, #sectionMediatheque .boite .listeMedias li.journaux span {
	background: url(/img/bg-journaux.gif) no-repeat 14px 10px; }
	
#sectionMediatheque .boite .listeMedias li.image, #sectionMediatheque .boite .listeMedias li.image {
	background: #7f4445 url(/img/bg-boite-rouge.jpg) repeat-x left top; }
	
#sectionMediatheque .boite .listeMedias li.image span, #sectionMediatheque .boite .listeMedias li.image span {
	background: url(/img/bg-photo.png) no-repeat 14px 13px; }	
	
#sectionMediatheque .boite .listeMedias li.video, #sectionMediatheque .boite .listeMedias li.video {
	background: #817846 url(/img/bg-boite-jaune.jpg) repeat-x left top; }
	
#sectionMediatheque .boite .listeMedias li.video span, #sectionMediatheque .boite .listeMedias li.video span {
	background: url(/img/bg-video.gif) no-repeat 14px 13px; }	
	
#sectionMediatheque .boite .listeMedias li.audio a:hover, #sectionMediatheque .boite .listeMedias li.audio a:active {
	background: #2fbd3d; }
	
#sectionMediatheque .boite .listeMedias li.journaux a:hover, #sectionMediatheque .journaux .listeMedias li.audio a:active {
	background: #28b1b9; }
	
#sectionMediatheque .boite .listeMedias li.image a:hover, #sectionMediatheque .boite .listeMedias li.image a:active {
	background: #c53033; }
	
#sectionMediatheque .boite .listeMedias li.video a:hover, #sectionMediatheque .boite .listeMedias li.video a:active {
	background: #caaf2c; }
	
#sectionMediatheque .boite .listeMedias a:link.lien, #sectionMediatheque .boite .listeMedias a:visited.lien {
	color:#fff;
	background: #000;
	padding: 2px 10px;
	position: absolute;
	right:10px; top:8px; }
	
#sectionMediatheque .boite .listeMedias a:link.lien2, #sectionMediatheque .boite .listeMedias a:visited.lien2 {
	color:#fff;
	background: #000;
	padding: 2px 10px;
	position: absolute;
	right:150px; top:8px; }
	
#sectionMediatheque .boite .listeMedias div {
	float: left;
	padding: 5px 0 0 43px; }
	
#sectionMediatheque .boite .listeMedias div p {
	margin-bottom: 1em; }
	
#sectionMediatheque .boite .listeMedias a:hover.lien, #sectionMediatheque .boite .listeMedias a:active.lien,
#sectionMediatheque .boite .listeMedias a:hover.lien2, #sectionMediatheque .boite .listeMedias a:active.lien2 {
	color:#000;
	background: #fff!important; }



#sectionMediatheque .boite .listeBanques {
	width: 394px; }

#sectionMediatheque .boite .listeBanques a:link, #sectionMediatheque .boite .listeBanques a:visited {
	display: block;
	float: left;
	height: 52px;
	margin: 0 4px 5px 0;
	text-indent: -9999px;
	width: 192px; }

#sectionMediatheque .boite .listeBanques .audio a:link, #sectionMediatheque .boite .listeBanques .audio a:visited {
	background: url(/img/bg-banque-chansons.jpg) no-repeat center center; }

#sectionMediatheque .boite .listeBanques .audio a:hover, #sectionMediatheque .boite .listeBanques .audio a:active {
	background: url(/img/bg-banque-chansons-h.jpg) no-repeat center center; }
	
#sectionMediatheque .boite .listeBanques .journaux a:link, #sectionMediatheque .boite .listeBanques .journaux a:visited {
	background: url(/img/bg-banque-journaux.jpg) no-repeat center center; }

#sectionMediatheque .boite .listeBanques .journaux a:hover, #sectionMediatheque .boite .listeBanques .journaux a:active {
	background: url(/img/bg-banque-journaux-h.jpg) no-repeat center center; }
	
#sectionMediatheque .boite .listeBanques .image a:link, #sectionMediatheque .boite .listeBanques .image a:visited {
	background: url(/img/bg-banque-photos.jpg) no-repeat center center; }

#sectionMediatheque .boite .listeBanques .image a:hover, #sectionMediatheque .boite .listeBanques .image a:active {
	background: url(/img/bg-banque-photos-h.jpg) no-repeat center center; }
	
#sectionMediatheque .boite .listeBanques .video a:link, #sectionMediatheque .boite .listeBanques .video a:visited {
	background: url(/img/bg-banque-videos.jpg) no-repeat center center; }

#sectionMediatheque .boite .listeBanques .video a:hover, #sectionMediatheque .boite .listeBanques .video a:active {
	background: url(/img/bg-banque-videos-h.jpg) no-repeat center center; }

#sectionMediatheque #formRecherche label {
	float: left;
	font-size: 1.3em;
	line-height: 38px;
	margin: 0 15px; }

#sectionMediatheque #formRecherche #motCles {	
	background: #fff;
	border:1px solid #000;
	color:#000;
	float: left;
	font-size: 1em;
	margin-bottom: 1em;
	padding: 11px;
	width: 275px; }

#sectionMediatheque #formRecherche #motCles.couleurValeurParDefault {	
	background: #343943;
	border:1px solid #7a7a7a;
	color:#fff; }

#sectionMediatheque #formRecherche button,
#sectionMediatheque #formRecherche span.bouton {	
	background: url(/img/bouton-recherche.png) no-repeat center center;
	border: none;
	display: block;
	height: 71px;
	position: absolute;
	left:452px; bottom:-34px;
	text-indent: -9999px;
	width: 71px;
	z-index: 2; }
	
#sectionMediatheque #formRecherche button {
	background: url(/img/bouton-recherche-active.png) no-repeat center center;
	cursor: pointer; }
	
#sectionMediatheque #formRecherche button:hover {	
	background: url(/img/bouton-recherche-hover.png) no-repeat center center; }


#sectionMediatheque .gallerie {
	clear: both;
	float: left;
	margin:.5em 0 1em 22px;
}

#sectionMediatheque .gallerie li {
	font-size: .9em;
	margin:0 0 1em 21px!important;
	width: 182px!important;
}

#sectionMediatheque .gallerie li a:link, #sectionMediatheque .gallerie li a:visited {
	margin-bottom: 5px;
}

#sectionMediatheque a:link.retour, #sectionMediatheque a:visited.retour {
	background: #000 url(/img/fleche-haut.gif) no-repeat center center;
	display: block;
	height:22px;
	float: right;
	position: relative;
	margin-bottom: 3em;
	right:110px; top:25px;
	width: 81px;
	text-indent: -9999px; }

#sectionMediatheque a:hover.retour, #sectionMediatheque a:active.retour {
	background: #fff url(/img/fleche-haut.gif) no-repeat center center; }

#sectionMediatheque #pagination {
	margin: 40px auto 0 auto;
}

#sectionMediatheque #pagination li {
	background: #fff;
	color:#343943;
	display: block;
	float: left;
	height: 38px;
	line-height: 38px;
	margin-right: 1px;
	text-align: center;
	width: 28px;
}

#sectionMediatheque #pagination li a:link, #sectionMediatheque #pagination li a:visited {
	background: #343943;
	color:#fff;
	display: block;
	float: left;
	height: 38px;
	text-decoration: none;
	width: 28px;
}

#sectionMediatheque #pagination li a:hover, #sectionMediatheque #pagination li a:active {
	background: #fff;
	color:#343943;
}

#sectionMediatheque #pagination li.precedent, #sectionMediatheque #pagination li.suivant {
	background: url(/img/bg-pagination.jpg) repeat-x left center;
	text-indent: -9999px;
}

#sectionMediatheque #pagination li.precedent a:link, #sectionMediatheque #pagination li.precedent a:visited {
	background: url(/img/bg-flecheGauche.gif) no-repeat center center; }

#sectionMediatheque #pagination li.precedent a:hover, #sectionMediatheque #pagination li.precedent a:active {
	background:#fff url(/img/bg-flecheGaucheh.gif) no-repeat center center; }
	
#sectionMediatheque #pagination li.suivant a:link, #sectionMediatheque #pagination li.suivant a:visited {
	background: url(/img/bg-flecheDroite.gif) no-repeat center center; }

#sectionMediatheque #pagination li.suivant a:hover, #sectionMediatheque #pagination li.suivant a:active {
	background:#fff url(/img/bg-flecheDroiteh.gif) no-repeat center center; }

/* =CLASS
   ----------------------------------------------------*/
/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clear { display: inline-block; }
.clear:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* permet de garder un "span" afin qu'il ne soit pas sur deux lignes */
.texte-bas-form {
	text-align:right;
	font-size:.9em;
}

.nowrap {
	white-space:nowrap;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}

.txtcenter {
	text-align:center;
}



.txtpetit {
	font-size:.75em;
	margin:0;
}


.txtright {
	text-align:right;
}

.txtleft {
	text-align:left;
}

.hide {
	text-indent: -9999px;
}
#navigation a.selected-red {
	color:#864847;
}
.texte_inscritpion {
	height:325px;
}

.clearboth {
	clear:both;
}

p.texte_bas {
	margin:1em 0!important;
	clear:both;
}

.image-gauche {
	position:relative;
	float:left;
	margin: 0 10px 10px 0;
}

.image-droite {
	position:relative;
	float:right;
	margin: 0 0 10px 10px;
}

.image-gauche img, .image-droite img {
	margin-bottom:5px;
	border:1px solid #000;
}

.image-gauche p, .image-droite p {
	font-size:.75em;
	margin:0!important;
	font-style:italic;
}
/*
div.iconographie h6 {
	margin-bottom:5px;
}

div.iconographie {
	position:absolute;
	top:0;
	width:180px;
	background:#fff;
	padding:10px;
	border:1px solid #000;
	text-indent:0;
	z-index:1;
}
*/
#iconographie, #ic0nographie {
	display:none;
}
/*

#accueil #ic0nographie {
	width:120px;
}

#iconographie p, #ic0nographie p {
	color:#fff;
}

div.iconographie p {
	font-style:normal;	
}
*/
.image-gauche div.iconographie {
	left:-205px;
}

.image-droite div.iconographie {
	right:-190px;
}

span.vert {
	background:#A3C76F ;
	padding:5px 10px!important;
}

#clef-sol {
	background:url(/img/clef-sol.png) no-repeat center center;
	position:absolute;
	left:27px; top:144px;
	height:284px;
	width:106px;
	z-index:1000;
}

#gramophone {
	position:absolute;
	right:-13px; top:319px;
	height:337px;
	width:226px;
	border:none;
	z-index:1000;
}
#gramophone a {
	background:url(/img/gramophone.png) no-repeat center center;
	display:block;
	height:337px;
	width:226px;
	border:none;
	text-decoration:none;
	text-indent:-9999px;
	z-index:1001;
}

a.tooltip:link, a.tooltip:visited {
	color:#864847;
}

ul.liste {
	color:#3A404B;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.1em;
	margin:-1em 0 2em 2.5em;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 12px;
	padding-right: 8px;
	font-size:0.8em;
	width:auto;
	max-width:300px;
	background: #3a414c;
	border:1px solid #fff;
	color:#fff !important;
}
#tooltip p{
	color:#fff !important;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2;
	padding-right:2px;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {	font-size:1em;
 }

#accueil div.annonce {
	float:left;
	background:#2b2e37 url(../img/logo_soproq-sodrac.gif) no-repeat 4px 4px;
	width:650px;
	padding: 10px 20px 10px 150px;
	text-align:left;
}
#accueil div.annonce p {
	margin:0;
	padding: 0;
	width:auto;
	font-size:0.8em;
	padding:20px 0 0 0;
}
#accueil div.annonce a{
	font-weight:bold;
	color:#FFF;
	padding:5px 0 15px 0;
	font-size:0.8em;
	display:block;
	margin:0;
}
#credits #pied-de-page, #plandusite #pied-de-page { border-top:1px solid #3A414C; clear:both;margin-top:-23px;}
#credits #participer, #plandusite #participer { height:auto; padding:35px 0 0 75px;}
#credits h3, #plandusite h3 { color:#fff; padding-left:0.5em;}
/*#credits #mediatheque, #credits #collaboration, #plandusite #mediatheque, #credits #plandusite { display:none;}*/
#credits .encadre, #plandusite .encadre { background-color:#000; width:90%; padding:1em 1em 2em 1em;}
#credits .encadre p, #plandusite .encadre p { float:none; padding-left:1em;}
#credits .encadre ul, #plandusite .encadre ul { padding-left:1.5em; list-style:disc; list-style-type:disc;}
#credits .encadre ul li, #plandusite .encadre ul li { padding-left:1.2em; list-style:none; list-style-type:none; background:url(../img/bullet.gif) no-repeat 0 5px; padding-bottom:0.5em; color:#fff;}
#plandusite .encadre ul { padding-left:1em; list-style:none; list-style-type:none;}
#plandusite .encadre ul li span { font-size:1.1em; font-weight:bold;}
#plandusite .encadre ul li a {color:#fff;}
#plandusite .encadre ul li  ul li { background:url(../img/bullet-niveau2.gif) no-repeat 0 7px; padding-left:1em;}
/******************************************************************************
 * @CLEARFIX */
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }