/* --- STYLES DE BASE --- */
body {
margin:0;
padding:0;
/*-- 506MN -- REF - typechart.com -- */
font-family: "Arial", sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
color:#000000;
background:#d5d0c8;
}
a:link {
color:#3d464c;
text-decoration:none;
}
a:visited {
color:#3d464c;
}
a:hover,a:focus,a:active {
color:#521a35;
}
#inter ol{
margin: 10px 0px 10px 30px;
}
#inter ul{
margin: 10px 0px 10px 0px;
padding-left:15px;
}
#inter ol ol,
#inter ul ul{
margin: 10px 0;
padding: 0 0 0 20px;
}
ul li,
#inter ul li{
list-style:none;
}
.colonne {
width:50%;
float:left;
}
/*--- DATEPICKER---*/
#ui-datepicker-div {
 display:none;
}
sup {
 font-size:0.7em; 
 line-height:normal;
}
sub {
 font-size:0.7em; 
 line-height:normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MOTEUR DE RECHERCHE ---*/
#searchzone {
 margin:0 0 10px 0;
 border-bottom:2px solid #6A1F45;
 padding:15px 0;
 float:left;
 width:100%;
 position:relative;
}
#searchzone form div > div{
 float:left;
 width;150px;
 margin:0 20px 0 0;
}
#searchzone form div > div label{
 display:block;
 font-weight:bold;
}
#mot_cle {
 border:1px solid #6A1F45;
 padding:3px;
 width:200px;
}
#inter #searchzone button {
 border:none;
 background:#D5D0C8;
 color:#000;
 font-size:0.9em;
 padding:4px 5px;
 text-transform:uppercase;
 position:absolute;
 bottom:15px;
 right:0px;
}
#inter #searchzone button:hover {
 background:#6A1F45;
 color:#fff;
}
#inter #searchzone form{
 padding:0;
 margin:0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- VISIONNEUSE ---*/
#wrapSliderHome {
 float:left;
 width:940px;
 position:relative;
 height:482px;
}
#wrapSliderHome #prevBtn a{
 display:block;
 width:33px;
 height:32px;
 background:url(flecheSlider.gif) no-repeat 0 0;
 position:absolute;
 left:-10px;
 top:244px;
 text-decoration:none;
 overflow:hidden;
 text-indent:-200px;
}
#wrapSliderHome #nextBtn a {
 display:block;
 width:33px;
 height:32px;
 background:url(flecheSlider.gif) no-repeat top right;
 position:absolute;
 right:-10px;
 top:244px;
 text-decoration:none;
 overflow:hidden;
 text-indent:-200px;
}
.visioHome {
 position:relative;
 float:left;
}
#header .visioHome ul {
 margin:0;
 padding:0;
 width:940px;
 float:left;
}
#header .visioHome ul li{
 margin:0;
 padding:0;
 background:none;
 width:940px;
 height:482px;
 float:left;
}
.itemVisio {
 position:relative;
}
.bodygeneriquebodyLien04 .titreVisio a{
 width:86px;
 height:44px;
 padding:15px 15px 0 20px;
 text-align:left;
 background:#445cca;
 top:230px;
}
.bodygeneriquebodyLien03 .titreVisio a{
 width:216px;
 height:75px;
 padding:17px 15px 0 20px;
 text-align:left;
 background:#b2292e;
 top:210px;
}
.bodygeneriquebodyLien02 .titreVisio a{
 width:276px;
 height:113px;
 padding:17px 15px 0 20px;
 text-align:left;
 background:#4c878f;
 top:195px;
}
.titreVisio {
 font-size:2.0em;
}
.titreVisio a{
 position:absolute;
 background:#6A1F45;
 color:#fff;
 top:145px;
 left:40px;
 text-transform:uppercase;
 font-weight:normal;
 padding:10px;
 text-align:center;
 text-decoration:none;
}
.titreVisio a:hover{
 color:#000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#wrapActus {
 width:595px;
 padding:0 20px 0 0;
 float:left;
 margin:40px 0 0 0;
}
#inter .itemActuHome {
 width:595px;
 margin:0 0 10px 0;
}
#inter .itemActuHome h3{
 margin:3px 0;
 font-size:1.0em;
}
#inter .itemActuHome h3 a{
 text-decoration:none;
}
#inter .itemActuHome h3 a:hover{
 color:#000;
}
.lireSuite {
 float:left;
 text-decoration:none;
 font-weight:bold;
 margin:0 0 0 0px;
}
.lireSuite:hover {
  color:#000;
}
.itemActuHome {
border-bottom:1px solid #c29da2;
float:left;
padding-bottom: 5px;
}
.itemActuHome p {
 margin:3px 0;
 line-height:normal;
}
#inter #wrapActus > h2{
 margin:0 0 25px 0;
 font-weight:normal;
 font-size:1.4em;
}
#inter #wrapActus > h2 span{
 font-weight:bold;
}
#wrapLiensMusee {
 float:left;
 width:910px;
 margin:50px 0 25px 0;
}
#wrapLiensMusee ul{
 margin:0;
 padding:0;
}
#inter #wrapLiensMusee ul li{
 margin:0;
 padding:0;
 background:none;
 float:left;
}
#wrapLiensMusee ul li a{
 margin:0 20px 0 0;
 padding:0;
 background:none;
 text-decoration:none;
 display:block;
 width:236px;
 height:236px;
 border:27px solid #d7d2cb;
 float:left;
 color:#fff;
 text-transform:uppercase;
 line-height:normal;
 position:relative;
 font-size:0.9em;
}
#wrapLiensMusee ul li a#lienMuseeMemo{
 background:url(carree_musee_memo.jpg) no-repeat 0 0;
}
#wrapLiensMusee ul li a#lienTapisserie{
 background:url(carree_tapisserie.jpg) no-repeat 0 0;
}
#wrapLiensMusee ul li a#lienMahb{
 margin:0;
 background:url(carree_mahb.jpg) no-repeat 0 0;
}
#wrapLiensMusee ul li a#lienMuseeMemo span{
 background:url(fdMuseeMemo.png) no-repeat 0 0;
 display:block;
 width:170px;
 height:38px;
 padding:4px 10px 2px 0;
 position:absolute;
 left:-8px;
 top:151px;
 text-align:right;
}
#wrapLiensMusee ul li a#lienMuseeMemo:hover{
 border-color:#477D86;
}
#wrapLiensMusee ul li a#lienTapisserie span{
 background:url(fdTapisserie.png) no-repeat 0 0;
 display:block;
 width:101px;
 height:38px;
 padding:4px 10px 2px 0;
 position:absolute;
 left:-8px;
 top:151px;
 text-align:right;
}
#wrapLiensMusee ul li a#lienTapisserie:hover{
 border-color:#B2292E;
}
#wrapLiensMusee ul li a#lienMahb span{
 background:url(fdMahb.png) no-repeat 0 0;
 display:block;
 width:48px;
 height:25px;
 padding:6px 10px 3px 0;
 position:absolute;
 left:-8px;
 top:151px;
 text-align:right;
}
#wrapLiensMusee ul li a#lienMahb:hover{
 border-color:#435CC8;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:960px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:940px;
padding:0 10px;
position:relative;
float: left;
background:#f4f1f0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width:925px;
padding:10px 15px 0 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DRAPEAUX ---*/
#drapeaux {
display:block; 
position:absolute;
 top:24px;
 right:120px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SOCIAL ---*/
#social {
 position:absolute;
 top:35px;
 right:15px;
}
#social ul {
 margin:0;
 padding:0;
 background:url(sepHead.gif) no-repeat 0 0;
 float:left;
}
#social ul li{
 margin:0;
 padding:0;
 float:left;
}
#social ul li a{
 margin:0 0 0 9px;
 padding:0;
 float:left;
 display:block;
 text-decoration:none;
 width:23px;
 height:22px;
 overflow:hidden;
 text-indent:-100px;
}
#btnRecherche {
 background:url(pictoRecherche.png) no-repeat 0 0;
}
#btnFb {
 background:url(pictoFb.png) no-repeat 0 0;
}
#btnTwitter {
 background:url(pictoTwitter.png) no-repeat 0 0;
}
#btnPinterest {
 background:url(pictoPinterest.png) no-repeat 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- WRAP SLIDER ---*/
#wrapSlider {
 float:left;
 background:url(visuel_tapisserie.jpg) no-repeat 0 0;
 width:940px;
 position:relative;
 margin: 0 0 0 0;
}
/*
body.bodyLien02 #wrapSlider { 
  background:url(visuel_musee_memorial.jpg) no-repeat 0 0;
}
body.bodyLien03 #wrapSlider { 
  background:url(visuel_tapisserie.jpg) no-repeat 0 0;
}
body.bodyLien04 #wrapSlider { 
  background:url(visuel_mahb.jpg) no-repeat 0 0;
}
*/
#cache {
 position:relative;
 float:left;
 height:76px;
 width:940px;
 background:url(cache.png) no-repeat left bottom;
 position:absolute;
 bottom:-8px;
 left:0;
 z-index:0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 5px;
right: 10px;
font-size: x-small;
margin: 0;
padding: 0;
border: #DDD 1px solid;
}
#recherche input.saisie {
font-size:x-small;
color:#CCC;
border:none;
background-color: #FFF;
vertical-align:middle;
width:190px;
height: 22px;
line-height: 22px;
margin:0;
padding:0 0 0 10px;
}
#recherche input.saisie:hover,
#recherche input.saisie:focus{
color:#333;
}
#recherche input.bouton {
vertical-align:middle;
margin:1px 0 0;
padding:0;
}
#recherche label {
position:absolute;
top:-9000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
position:relative;
width: 940px;
float: left;
padding:0 0 40px 0;
}
body.accueil #content {
 padding:0 0 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size:x-small;
color:red;
width: 580px;
float: right;
margin-right: 200px; /*-- largeur de RIGHT -- */
}
#filariane a {
color:red;
}
body.accueil #filariane {
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.accueil #wrapperInter {
 width:910px;
 padding:0 15px 0 15px;
}
#wrapperInter {
position:relative;
width: 600px;
float:left;
margin:0;
padding:0 20px 25px 15px;
}
#inter ul li {
padding-left:13px;
background-repeat:no-repeat;
background-position:left 5px;
}
#inter ul li {
background-image:url(puce01.gif);
}
#inter ul ul li {
background-image:url(puce01.gif);
}
#inter ul ul ul li {
background-image:url(puce01.gif);
}
#inter h2 {
padding-top: 15px;
}
#inter a{
color: #989898;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- COMMENT ---*/
#comment,
#recaptcha_area{
width: 560px;
float: left;
}
#recaptcha_area table{
width: auto;
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.accueil #right {
display:none;
margin:0;
}
#right {
position:relative;
float:right;
width:290px;
margin:-105px 15px 30px 0;
padding:0;
display:inline;
}
#right #MenuFrere {
background:#d7d2cb;
}
#right #MenuFrere ul {
padding:10px 0px 7px 0px;
margin:0;
}
#right #MenuFrere ul li.on a,
#right #MenuFrere ul li.on a:hover {
 font-size:1.1em;
 font-weight:bold;
display:block;
color:#000000;
padding:0px 10px 0px 32px;
background:url(plus-titre-3-niveau.png) no-repeat 19px 0.4em;
text-decoration:none;
}
#right #MenuFrere ul li.on ul li a {
 font-weight:normal;
 color:#6c6966;
padding:2px 10px 2px 68px;
background:url(plus-3-niveau.png) no-repeat 55px 0.5em;
}
#right #MenuFrere ul li.on ul li.on a,
#right #MenuFrere ul li.on ul li a:hover{
 color:#ffffff;
background:#682145;
font-weight:normal;
padding:2px 10px 2px 68px;
background:#682145 url(plus-3-niveau.png) no-repeat  -345px 0.5em;
}
body.accueilRubrique #right{
margin:-115px 15px 30px 0;
}
#rechercheOeuvre {
 background:url(pixelTranspNoir.png) repeat 0 0;
 width:280px;
 height:99px;
 padding:1px 0 0 10px;
 position:relative;
 z-index:100;
}
#rechercheOeuvre h3{
 color:#fff;
 margin-left:10px;
}
#rechercheOeuvre form #mot_cle {
 border:none;
 background:url(bgRechercheOeuvre.png) no-repeat 0 0;
 padding:8px 39px 8px 10px;
 width:222px;
}
#rechercheOeuvre button {
 position:absolute;
 right:12px;
 top:46px;
 display:block;
 width:32px;
 height:24px;
 border:none;
 background-color:transparent;
 overflow:hidden;
 text-indent:30px; 
}
#infospratiques {}
.titreGene {
 background:url(bgBayeuxMuseum.png) no-repeat 0 0;
 display:block;
 width:255px;
 height:91px;
 overflow:hidden;
 text-indent:-400px;
 margin:0;
}
/*---*/
body.bodyLien02 #wrapInfos {
 background:#4c868f;
}
body.bodyLien02 #wrapInfos .titre {
 background:url(bgMuseeMemorial.png) no-repeat 0 0;
 display:block;
 width:179px;
 height:90px;
 overflow:hidden;
 text-indent:-400px;
 margin:0;
}
/*---*/
body.bodyLien03 #wrapInfos {
 background:#b3292e;
}
body.bodyLien03 #wrapInfos .titre {
 background:url(bgTapisserie.png) no-repeat 0 0;
 display:block;
 width:107px;
 height:102px;
 overflow:hidden;
 text-indent:-400px;
 margin:0;
}
/*---*/
body.bodyLien04 #wrapInfos {
 background:#435cc8;
}
body.bodyLien04 #wrapInfos .titre {
 background:url(bgMahb.png) no-repeat 0 0;
 display:block;
 width:225px;
 height:106px;
 overflow:hidden;
 text-indent:-100px;
 margin:0;
}
#wrapInfosAccueil,
#wrapInfos {
 width:250px;
 min-height:335px;
 background:#6A1F45;
 margin:10px 0 0 0;
 padding:20px;
 color:#fff;
 z-index:100;
 position:relative;
}
#inter #wrapInfosAccueil h3 {
 color:#fff;
}
#wrapInfosAccueil {
 margin:-105px 0 0 0;
 float:right;
 max-height:295px;
 overflow:hidden;
 z-index:100;
 position:relative;
}
#wrapInfos h2 + div{
margin-top: 25px;
} 
#wrapInfosAccueil a,
#wrapInfos a {
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MOTEUR DE RECHERCHE  ---*/
/*--- Events ---*/
.resultat_date{
color: #333333;
background: #E7E7E7;
font-weight: normal;
display: block;
text-indent: 10px;
}
.resultat_evenement{
float: left;
width: 48%;
clear; both;
padding: 10px 0 0 0;
min-height: 150px;
padding:0 0 0 1%;
}
.paire{
padding:0 1% 0 0;
border-right: 1px solid #EEE;
}
.resultat_evenement img{
float: right;
padding: 0 0 5px 5px;
width: 142px;
}
body #inter h2.resultat_evenement_titre{
display: inline;
clear: none;
}
.resultat_evenement_titre a{
text-decoration: none;
font-size: medium;
margin: 10px 0;
}
#inter .resultat_evenement ul{
margin: 0;
padding: 0;
margin-bottom: 10px;
}
#inter .resultat_evenement ul li{
margin: 0;
padding: 0;
display: inline;
background-image: none;
color: #000;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
h1,h2,h3,h4,h5,h6 {
margin:1em 0 .5em;
line-height:1.2;
font-style:normal;
clear: both;
font-family: "Arial", sans-serif;
}
body.accueil h1{
margin: 0;
padding: 0;
line-height: auto;
}
h1 {
font-size:1.75em;
color:#6A1F45;
}
body.bodyLien02 #inter h1,
body.bodyLien02 #inter h2,
body.bodyLien02 #inter h2 a,
body.bodyLien02 #inter h3, 
body.bodyLien02 #inter h3 a {
 color:#4C868F;
}
body.bodyLien03 #inter h1,
body.bodyLien03 #inter h2,
body.bodyLien03 #inter h2 a,
body.bodyLien03 #inter h3, 
body.bodyLien03 #inter h3 a {
 color:#B3292E;
}
body.bodyLien04 #inter h1,
body.bodyLien04 #inter h2,
body.bodyLien04 #inter h2 a,
body.bodyLien04 #inter h3,
body.bodyLien04 #inter h3 a {
 color:#435CC8;
}
/*---*/
#inter h2,
#inter_popup h2{
font-size:1.2em;
color:#6A1F45;
}
#inter h2 a,
#inter_popup h2 a{
color:#6A1F45;
}
/*---*/
#inter h3,
#inter_popup h3{
font-size:1.1em;
color:#6A1F45;
}
#inter h3 a,
#inter_popup h3 a{
color:#6A1F45;
}
/*---*/
#inter h4,
#inter_popup h4 {
font-size:1em;
color:#343434;
}
#inter h4 a,
#inter_popup h4 a{
color:#343434;
}
/*---*/
#inter h5,
#inter_popup h5{
font-size: .8em;
color:#343434;;
}
#inter h5 a,
#inter_popup h5 a{
color:#343434;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POSTIT ---*/
#postIt {
padding:0 10px;
}
#postIt h2 {
color:#947769;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
background: url(bgFooter.jpg) no-repeat left bottom;
float:left;
width:910px;
height: 175px;
padding: 60px 25px 0 25px;
position:relative;
}
#footer p{
 color:#fff;
 line-height:1.5em;
 width:200px;
 float:left;
}
#footer ul {
margin:0;
float:right;
width:160px;
}
#footer ul li {
padding:0 5px 0 0;
}
#footer ul li a {
text-decoration:none;
color:#fff;
}
#footer ul li a:hover {
 text-decoration:underline;
}
/*-- HAUT DE LA PAGE --*/
body.accueil #hautpage, body.accueil #hautpage_en {
display: none;
}
#hautpage, #hautpage_en {
padding: 10px 0 10px;
float: right;
position:absolute;
top:-45px;
right:10px;
width:100px;
height:30px;
}
#hautpage a, #hautpage_en a  {
text-decoration:none;
color:#6C6966;
font-weight:700;
}
#hautpage a:hover, #hautpage_en a:hover {
 color:#6A1F45;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
}
#imprimpage a {
text-decoration:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse:collapse;
}
th,td {
border:1px solid #6A1F45;
padding:3px;
vertical-align:top;
}
th {
background-color:#6A1F45;
color:#FFF;
}
body.bodyLien02 th {
 background-color:#4C868F;
}
body.bodyLien03 th {
 background-color:#B3292E;
}
body.bodyLien04 th {
 background-color:#435CC8;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGINATION---*/
.pagination{
position: relative;
text-align: right;
font-size: .9em;
height: 25px;
text-align: right;
float:left;
margin:10px 0;
}
.pagination a{
text-decoration: none;
color: #6A1F45;
}
.pagination p{
margin: 0;
font-weight: bold;
display: inline;
}
.suivant{
margin-left: 10px;
}
.precedent{
margin-right: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MEDIATHEQUE ACCUEIL ---*/
#mediathequeAccueil{
float: left;
position:relative;
margin: 8px 10px 0 7px;
width:250px;
height:225px;
background:url(bgMediathequeHome.gif) no-repeat left bottom;
}
#inter #mediathequeAccueil h2{
z-index: 99;
position:absolute;
left:-7px;
top:15px;
padding:0;
margin: 0;
}
#inter #mediathequeAccueil ul li,
#mediathequeAccueil ul li a,
#mediathequeAccueil ul{
margin:0;
padding:0;
background:none;
border:none;
}
#inter #mediathequeAccueil ul li{
padding-left:0;
}
#mediathequeAccueil ul > li.remonteesBasses > a{
margin: 150px 0 0 3px;
float:left;
}
#mediathequeAccueil ul ul,
#mediathequeAccueil ul ul li{
margin:0;
padding:0;
}
#inter #mediathequeAccueil > ul > li{
float:left;
}
#mediathequeAccueil ul li.vignetteOnglet{
position:absolute;
z-index:50;
left:3px;
top: 0px;
}
#mediathequeAccueil ul li.vignetteOnglet img{
width: 248px;
height: 148px ;
}
#mediathequeAccueil .remonteesBasses > a > img{
width:80px;
height:49px;
}
#mediathequeAccueil .lienModule{
float: left;
display:block;
text-decoration: none;
color: #000;
font-weight: bold;
}
#mediathequeAccueil .lienModule:hover{
color: #184F18;
}
.conteneurVignette a{
display:block;
}
.conteneurVignette{
position:relative;
width:125px;
height:125px;
overflow:hidden;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
#header_popup {
height:125px;
}
#content_popup {
width:600px;
margin:auto;
background:url(interContentPopup.gif) repeat-y top center;
}
#inter_popup {
background:url(interTopPopup.gif) no-repeat top center;
padding:30px 20px 0;
}
#footer_popup {
background:url(interBottomPopup.gif) no-repeat bottom center;
height:20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position:absolute;
left:-5000px;
}
.sp2,
.sp2 + a{
display: none;
}
/*** CAPTCHA ***/
form fieldset p.erreur {
  border: 1px solid red;
  clear: left;
  text-align: center;
  color: red;
  float: right;
  width: 303px;
}
.g-recaptcha {
 float: right;
}
/*** QUESTIONNAIRE ***/
body #inter form.questionnaire{
  margin: 0 20px 0 0;
}
form.questionnaire div.entry label {
  font-size:150%;
  color:#01A0BE;
  border-bottom:1px solid #01A0BE;
  margin-bottom:10px;
} 
form.questionnaire div.entry {
  margin-bottom:20px;
}
form.questionnaire div.entry div label {
  font-size:small;
  color:black;
  border-bottom:0;
  margin-bottom:0;
  font-weight:normal;
}
form.questionnaire div.entry table th, 
form.questionnaire div.entry table td {
  background:#fff;
  color:black;
  font-weight:normal;
  font-size:small;
  padding:2px;
}
form.questionnaire div.entry table tr td label {
  font-size:small;
  color:black;
  border-bottom:0;
  margin:0;
  font-weight:normal;
}
form.questionnaire div.entry table input {
  float:none !important;
}
form.questionnaire legend {
  width:90%;
  font-size:140%;
  color:red;
  padding:2px 10px 2px 20px;
  margin:10px 0;
  background: url("puce-ll.gif") no-repeat scroll left center transparent;
  color: #01A0BE;
}
form.questionnaire div.submit input {
  width:auto; 
}
body #inter form.questionnaire div.submit{
  float: left;
  width: 100%;
  background: #F2F2F2;
  margin: 0;
  padding: 5px;
}
body #inter form.questionnaire div.submit input{
  float: left;
  margin: 0;
  cursor: pointer;
  text-decoration: underline;
}
body #inter form.questionnaire div.submit input:hover{
  color: #333;
}
body #inter form.questionnaire .submit input + input{
  float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TABLEAUX ---*/
.exergue td{
 padding:10px;
 background:#D7D2CB;
}
.sansbordures td,
.sansbordures th {
 border:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- NOTATION ---*/
#notation {
float:left;
}
#notation ul {
margin:0;
padding:0;
}
#notation ul li {
margin:0;
padding:0;
display:inline;
}
#notation ul li a {
  background:url("etoile.png") no-repeat 0 -15px;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  overflow:hidden;
  float:left;
  padding-right:5px;
  width:15px;
  height:15px;
}
#notation ul li a span{
 display:block;
 text-indent:100px;
}
#notation a.notation_on {
  background:url("etoile.png") no-repeat 0 0;
}
#inter #slider_test li,
#inter #slider_test{
 margin:0;
 padding:0;
}
#inter #slider_test li {
 width:248px;
 height:148px;
 margin-left:10px;
}
sup{
font-size: .7em;
line-height: .8em;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- VERSION MOBILE ---*/
b select{
display: none;
}
#boutonMobile {
 display:none;
}