@CHARSET "UTF-8";

/* Page */

* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
    font-size:0.8em;
    color: #242424;
}
sup {
  vertical-align: bottom;
}
#conteneur-global {
    background-color:#FFFFFF;
    width:961px;
    margin: 0 auto;
}

ul {
    list-style:none;
}

#corps-contenu ul, #corps-couleur ul, #corps-intro ul {
    margin:10px;
    margin-left:20px;
    color:#111;
    list-style:disc;
    list-style-image:none;
    list-style-position:outside;
    /*list-style-position:inside;*/
}
#corps-contenu ul ul, #corps-couleur ul ul , #corps-intro ul ul{
    margin-left:10px;
}

#corps-contenu li , #corps-couleur li{
    padding:0;
    /*margin:0 10px 0 10px;*/
    font-size:0.8em;
}

#corps-contenu li li, #corps-couleur li li {
    font-size:1em;
}

a {
    color:#111;
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
}

img {
    border:none;
}

h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.3em;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
}

h1 a {
    color:#FFFFFF;
    text-decoration:none;
}
h1 a:hover {
    text-decoration:underline;
}
h3 {
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:0.9em;
}
p {
    font-size:0.8em;
    line-height:1em;
    text-align:justify;
    margin-bottom:10px;
}

/* global*/

#corps-global {
    padding-left:95px;
    width: 865px;
}

/* en-tete*/
#en-tete {
    width:866px;
    height:63px;
}

#en-tete h1 {
    float:left;
    height:55px;
    font-family:Arial, Helvetica, sans-serif;
    padding-top:7px;
    padding-left:11px;
    font-size:1.2em;
    font-weight:bold;
    color:#FFFFFF;
    width:130px;
    line-height:1em;
    border-right:#FFFFFF solid 1px;
}

#en-tete ul {
    padding-top:5px;
    padding-left:5px;
    float:left;
    font-size:0.85em;
    font-weight:bold;
    color:#FFFFFF;
}
#en-tete li a {
    color:#FFFFFF;
    margin-left:10px;
    text-decoration:none;
}

#en-tete li a:hover {
    color:#da3e15;
}

#en-tete li img {
  padding-top:0px;
}

#en-tete #picto_jeu {
    display: block;
    width: 48px;
    height: 43px;
    margin-right:35px;
}

#menu-entete-droit ul {
    font-size:0.8em;
    padding-top:10px;
}

#menu-entete-droit {/* permet d'aligner le menu*/
    padding-top:10px;
}

#conteneur-global .lien-actif {/*lien actif de toute la page*/
    background-color:#FFFFFF;
}
#conteneur-global-fond .lien-actif {/*lien actif de toute la page*/
    background-color:#FFFFFF;
}

/* En tete partie secondaire*/

#barre-secondaire {
    width:866px;
    height:120px;
    border-top:#FFFFFF solid 1px;
    padding-top:2px;
}

/*Menu secondaire*/

.menu-secondaire {
    padding-top:2px;
    height:115px;
    border-right:#FFFFFF solid 1px;
    float:left;
    padding-right:10px;
}
.menu-secondaire li {
    display: inline;
    line-height:0.96em;
}
.menu-secondaire li a {
    display: block;
    margin-left:15px;
    color:#FFFFFF;
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
}
.menu-secondaire li a:hover {
    background-color:#FFFFFF;
}

/*Menu secondaire fin (sans bordure a droite)*/

.menu-secondaire-fin {
    padding-top:2px;
    height:115px;
    border:none;
    float:left;
    padding-right:10px;
}
.menu-secondaire-fin li {
    line-height:0.9em;
}
.menu-secondaire-fin li a {
    margin-left:15px;
    color:#FFFFFF;
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
}
.menu-secondaire-fin li a:hover {
    background-color:#FFFFFF;
}

/*Zone recherche*/

/*Formulaire*/

#recherche-texte {
    border:none;
    height:17px;
    width:110px;
    color: #666666;
    float:left;
    margin-right:3px;
}
#recherche-submit {
    border:none;
    height:17px;
    background-color:#FFFFFF;
    color: #666666;
    font-size:0.8em;
    width:22px;
    cursor:pointer;
}

* html #recherche-submit, *+html #recherche-submit{
    margin-top:1px;
}


/*liens */

#zone-recherche {
    float:right;
    padding-right:10px;
        margin: 0px 0px 0px 0px;
        width:145px;
}

#zone-recherche span {
    float:left;
    margin-right:3px;
}

#zone-recherche form {
    width:145px;
    clear:left;
    overflow:auto;
}

#zone-recherche p {
    color:#FFFFFF;
    font-weight:bold;
    font-size:0.8em;
    padding-top:7px;
    margin-bottom: 0px;
    clear:left;
}
#zone-recherche img {
    margin-top:5px;
}
#zone-recherche span a {/*image email*/
    padding:0;
}
#zone-recherche span a:hover {/*image imprimer*/
    background:none;
}
#zone-recherche a {
    color:#FFFFFF;
    padding-right:5px;
    text-decoration:none;
}
#zone-recherche a:hover {
    background-color:#FFFFFF;
}

/*Pied de page*/

div#pied {
    width:866px;
    padding-top:30px;
    padding-bottom:30px;
     background:url(../images/gadagne/ombre-pied.gif) no-repeat top;    
    background-color:#FFFFFF;
}
div#pied p {
    color:#707173;
    text-align:center;
    font-size:0.8em;
    margin:0;
}
div#pied a {
    color:#707173;
    text-decoration:none;
}

/*Pied sans ombre*/

div#pied-sans-ombre {
    padding-top:30px;
    padding-bottom:30px;
    width:865px;
}
div#pied-sans-ombre p {
    color:#707173;
    font-size:0.8em;
    text-align:center;
    margin:0;
}
div#pied-sans-ombre a {
    color:#707173;
    text-decoration:none;
}

/*Pied de page de l'introduction*/
div#pied-intro {
    padding-top:30px;
    padding-bottom:30px;
}

div#pied-intro p {
    color:#707173;
    text-align:center;
    font-size:0.8em;
    margin:0;
}
div#pied-intro a {
    color:#707173;
    text-decoration:none;
}

/*Page Introduction ------------------------------------------------------------------ */

/*Corps de la page*/

#corps-intro {
    background-color:#FFFFFF;
    width:866px;
    color:#4b4b4d;
    overflow:auto;
    padding-bottom:10px;
}


/*Colonne de gauche*/

#colonne-gauche a, #colonne-gauche a:hover, #colonne-gauche a:focus {
    text-decoration:none;
}

#corps-couleur #colonne-gauche a {
    text-decoration:underline;
}

#corps-couleur #colonne-gauche div.audio-guide a {
    text-decoration:none;
}

#colonne-gauche h1 a:hover {
    text-decoration:underline;
}

#corps-intro #colonne-gauche {
    width:270px;
    float:left;
    margin-right:15px;
}
#corps-intro #colonne-gauche h1 {
    padding-top:6px;
}


#corps-intro #colonne-gauche span {
    display:block;
    font-size:0.7em;
    margin-bottom:7px;
    color:#747475;
}

/*Colonne centrale*/
#corps-intro #colonne-centrale {
    padding-bottom:13px;
    padding-left:9px;
    padding-right:20px;
    width:278px;
    float:left;
    color:#fff;
}

#corps-intro #colonne-centrale h1 {
    color:#FFFFFF;
    padding-top:6px;
}
#corps-intro #colonne-centrale h2 {
    color:#FFFFFF;
    line-height:1.1em;
    font-size:0.8em;
    margin-bottom:10px;
    width:276px
}
#corps-intro #colonne-centrale img {
    margin-bottom:2px;
}

/*Colonne de droite*/
#corps-intro #colonne-droite {
    margin-top:9px;
    margin-left:5px;
    float:left;
    width:255px;
}

#corps-intro #colonne-droite .actu img {
   float:left;
   margin-right: 4px;
}

#corps-intro #colonne-droite .actu {
    float:left;
    margin-bottom:10px;
}
#corps-intro #colonne-droite .actu  p{
    padding-right:5px;
}

#corps-intro #colonne-droite .actu p, #corps-intro #colonne-droite .actuhaut p{
    color: #4B4B4D;
}
#corps-intro #colonne-droite h2 {
    font-size:0.8em;
}

#corps-intro #colonne-droite h2 a.article_savoir_plus{
    color : #768319;
}

#corps-intro #colonne-droite p a.article_savoir_plus{
    color : #4B4B4D;
}

.actu a.article_savoir_plus, .actuhaut a.article_savoir_plus {
  text-decoration: none;
}


.actu a:hover.article_savoir_plus h1, .actuhaut a:hover.article_savoir_plus h1{
  text-decoration: underline;
}

#corps-couleur #corps-newsletter {
   background-color: #FFFFFF;
        overflow: auto;
}
#corps-newsletter img {
    border:#999999 1px solid;
}

/*Colonne de gauche*/


#corps-contenu #corps-newsletter #colonne-gauche, #corps-couleur #corps-newsletter #colonne-gauche {
    width:220px;
    float:left;
    margin-top:10px;
    padding-left:40px;
}

/*Colonne centrale*/

#corps-newsletter #colonne-centrale {
    padding-bottom:9px;
    width:288px;
    height:375px;
    float:left;
}
#corps-newsletter #colonne-centrale h1 {
    margin-top:4px;
}

#corps-newsletter #colonne-centrale p {
    margin-top:10px;
    margin-bottom:5px;
    float:left;
}
#corps-newsletter #colonne-centrale span {
    display:block;
    font-size:0.8em;
    float:left;
    margin-right:40px;
}
#corps-newsletter #colonne-centrale #email {
    width:250px;
    margin-bottom:40px;
}
#corps-newsletter #colonne-centrale #abonner {
    margin-right:8px;
}
#corps-newsletter #colonne-centrale #desabonner {
    margin-right:8px;
}

/*Colonne de droite*/

#corps-newsletter #colonne-droite {
    margin-left:30px;
    width:280px;
    float:left;
}

/*Page Agenda Pratiques------------------------------------------------------------------ */

/*Corps de la page*/

#corps-agenda {
    background-color:#f9724d;
    width:866px;
    color:#4b4b4d;
    overflow:auto;
    padding-bottom:10px;    
}

#corps-agenda h3 {
    margin-top:15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#da3e14;
    font-size:0.8em;
    color:#FFFFFF;
}

#corps-agenda p {
    color:#111111;
}

/*Colonne de gauche*/


#corps-agenda #colonne-gauche {
    width:295px;
    float:left;
    margin-top:13px;
}

/*Colonne centrale*/

#corps-agenda #colonne-centrale {
    padding-bottom:9px;
    width:278px;
    float:left;
}
#corps-agenda #colonne-centrale h1 {
    color:#FFFFFF;
    margin-top:10px;
}
#corps-agenda #colonne-centrale h1 a {
    color:#FFFFFF;
}
#corps-agenda #colonne-centrale h2 {
    font-size:0.8em;
    color:#111111;
    margin-bottom:7px;
}

/*Colonne de droite*/

#corps-agenda #colonne-droite {
    margin-left:20px;
    width:245px;
    float:left;
}
#corps-agenda #colonne-droite a {
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    margin-top:30px;
    padding-left:20px;
}

#corps-agenda #colonne-droite a:hover {
    text-decoration:underline;
}
#corps-agenda #colonne-droite span a {
    display:block;
    margin-left:150px;
    margin-top:30px;
    background:none;
}

/*Page Oeuvres choisies------------------------------------------------------------------ */

/*Corps de la page*/

#corps-oeuvres {
    width:866px;
    color:#4b4b4d;
    overflow:auto;
    /*padding-bottom:10px;*/
}

#corps-oeuvres h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:0.8em;
    color:#FFFFFF;
}
#corps-oeuvres p {
    color:#111111;
}

/*Colonne de gauche*/


#corps-oeuvres #colonne-gauche {
    width:270px;
    float:left;
    /*padding-top:10px;*/
    padding-left:15px;
    /*margin-right:17px;*/
}
#corps-oeuvres #colonne-gauche .conteneur-vignette {
    width:85px;
    float:left;
    margin-right:5px;
    margin-top:10px;
    margin-bottom:7px;
}
#corps-oeuvres #colonne-gauche .conteneur-vignette a {
    color:#FFFFFF;
    text-align:justify; /*Permet de regler le text align sur IE6 et  Safari*/
    display:block;
    /*font-size:0.8em;*/
    font-weight:bold;
    text-decoration:none;
}

#corps-oeuvres #colonne-gauche .conteneur-vignette a:hover, #corps-oeuvres #colonne-gauche .conteneur-vignette a.actif {
    background-color:#FFFFFF;
    display:block;
}
#corps-oeuvres #colonne-gauche  p {
    float:right;
    padding-right:5px;
}
/*Colonne centrale*/

#corps-oeuvres #colonne-centrale {
    padding-top:30px;
    width:278px;
    float:left;
    margin-bottom: 13px;
}
#corps-oeuvres #colonne-centrale #miniatures { /*Zone de defilement d'images*/
    padding-top:5px;
    padding-left:8px;
}


#corps-oeuvres h1 {
    color: #FFFFFF;
}

#corps-oeuvres ul {
    list-style-type:none;
    margin:0px;
}
/*Colonne de droite*/

#corps-couleur #corps-oeuvres #colonne-droite,#corps-oeuvres #colonne-droite {
    /*margin-left:20px;*/
    margin-top:21px;
    width:248px;
    float:left;
}

#corps-oeuvres #colonne-droite h3 {
    margin-top:15px;
}

/*Page Visite virtuelle------------------------------------------------------------------ */

/*Corps de la page*/


#corps-visite {
    background-color:#f9724d;
    width:866px;
    color:#333333;
    overflow:auto;
    padding-bottom:10px;
}

/*Colonne de gauche*/

#corps-visite #colonne-gauche {
    width:600px;
}
#corps-visite #colonne-gauche h1{
    padding-top:10px;
    margin-left:17px;
}
#corps-visite #colonne-gauche p{
    margin-bottom:10px;
    margin-left:17px;
}

#corps-visite #colonne-gauche span{
    margin-bottom:10px;
    margin-left:17px;
}

#corps-visite h1 {
    color:#FFFFFF;
}

/*Page Contenu Marionnettes------------------------------------------------------------------ */

/*Corps de la page*/

#corps-contenu , #corps-couleur {
    width:866px;
    color:#4b4b4d;
    overflow:visible;
    padding-bottom:0px;
}

#corps-contenu , #corps-couleur {
    padding-top: 13px;
        padding-bottom: 0px;
}    
#corps-couleur h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size:0.8em;*/
    color:#FFFFFF;
    margin-bottom:2px;
}
#corps-contenu h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size:0.8em;*/
}

#corps-couleur h4, #corps-couleur h5 {
   color:#FFFFFF;
   font-size:0.8em;
}
/*
#corps-contenu p, #corps-couleur {
    color:#111111;
}
*/

table.default td {
   font-size:0.8em;
   line-height:1em;
   margin-bottom:10px;
   text-align:justify;
   color:#111111;
}
table.default td p {
   font-size:1em;
}
/*Colonne de horizontale*/

#corps-contenu #colonne-horizontale , #corps-couleur #colonne-horizontale, #corps-intro #colonne-horizontale {
    width:851px;
    height:102px;
    /*padding-top:10px;*/
    padding-left:15px;
    /*margin-bottom:15px;*/
}
#corps-contenu #colonne-horizontale .conteneur-vignette , #corps-couleur #colonne-horizontale .conteneur-vignette, #corps-intro #colonne-horizontale .conteneur-vignette{
    width:50px;
    float:left;
    margin-right:16px;
    margin-top:10px;
}
#corps-contenu #colonne-horizontale .conteneur-vignette img, #corps-couleur #colonne-horizontale .conteneur-vignette img, #corps-intro #colonne-horizontale .conteneur-vignette img{
   margin-bottom: 1px;
}

#corps-contenu #colonne-horizontale .conteneur-vignette a , #corps-couleur #colonne-horizontale .conteneur-vignette a, #corps-intro #colonne-horizontale .conteneur-vignette a {
    color:#FFFFFF;
    display:block;
    font-size:0.7em;
    font-weight:bold;
    line-height:1em;
    padding-bottom:3px;
    float:left;
    text-decoration:none;
}
#corps-contenu #colonne-horizontale .conteneur-vignette a:hover, #corps-contenu #colonne-horizontale .conteneur-vignette a.actif, #corps-couleur #colonne-horizontale .conteneur-vignette a:hover, #corps-couleur #colonne-horizontale .conteneur-vignette a.actif, #corps-intro #colonne-horizontale .conteneur-vignette a:hover, #corps-intro #colonne-horizontale .conteneur-vignette a.actif {
    background-color:#FFFFFF;
    display:block;
}

/*Colonne de gauche*/

#corps-contenu #colonne-gauche, #corps-couleur #colonne-gauche {
    width:280px;
    float:left;
}
#corps-couleur #colonne-gauche {
   margin-right:15px;
}
#corps-couleur #corps-oeuvres #colonne-gauche {
   margin-left:0px;
}
#corps-contenu #colonne-gauche #miniatures, #corps-couleur #colonne-gauche #miniatures { /*Zone de defilement d'images*/
    padding-top:5px;
    padding-left:8px;
}

#corps-contenu #fiche-spectacle #colonne-gauche, #corps-couleur #fiche-spectacle #colonne-gauche {
   float:left;
   margin-top:13px;
   width:280px;
   padding-left:0px;
}
#corps-contenu #fiche-spectacle #colonne-centrale, #corps-couleur #fiche-spectacle #colonne-centrale {
   float:left;
   padding-bottom:9px;
   width:278px;
   margin-left:0px;
}
#corps-contenu #fiche-spectacle #colonne-droite, #corps-couleur #fiche-spectacle #colonne-droite {
   float:left;
   width:265px;
   padding-left:0px;
}

#corps-couleur #fiche-spectacle {
   padding-bottom:10px;
   overflow: auto;
}
/*Colonne centrale */

#corps-contenu .zone-layout-2zoneslayout2 #colonne-centrale, #corps-couleur .zone-layout-2zoneslayout2 #colonne-centrale {
    margin-left:20px;
    width:250px;
    float:left;
}
#corps-contenu #colonne-centrale, #corps-couleur #colonne-centrale {
    margin-right:15px;
    width:275px;
    float:left;
}
#corps-contenu #colonneUnique #colonne-centrale, #corps-couleur #colonneUnique #colonne-centrale {
    margin-right:15px;
    float:left;
    width: auto;
}

#corps-contenu #colonne-centrale h3, #corps-couleur #colonne-centrale h3 {
    margin-top:15px;
}

/*Colonne de droite */

#corps-contenu #colonne-droite {
    width:265px;
    padding-top:4px;
    float:left;
}

#corps-couleur #colonne-droite {
    width:265px;
    float:left;
    padding-top:0px;
}
#corps-contenu #colonne-droite .actu, #corps-couleur #colonne-droite .actu {
    float:left;
    margin-bottom:20px;
    width:100%;
}

#corps-contenu #colonne-centrale .actu, #corps-couleur #colonne-centrale .actu {
    float:left;
    margin-bottom:20px;
    width:100%;
}

#corps-contenu #colonne-droite img, #corps-couleur #colonne-droite img {
    float:left;
    margin-right:4px;
}

#corps-contenu #colonne-centrale img, #corps-couleur #colonne-centrale img {
    float:left;
    margin-right:4px;
}

#corps-couleur #colonne-centrale img.captify {
    margin-right:0px;
    float:none;
}

#corps-contenu #colonne-centrale div.gallery_image img, #corps-couleur #colonne-centrale div.gallery_image img {
    float: left;
    margin-right:0px;
}

/*Page Agenda Calendrier ------------------------------------------------------------------ */

/*Corps de la page*/

#conteneur-global-calendrier{
    background-color:#FFFFFF;
    width:961px;
    overflow:auto;
    padding-bottom:10px;
}

#corps-calendrier {
    background-color:#FFFFFF;
    width:866px;
    color:#4b4b4d;
    overflow:auto;
}

#corps-calendrier h1 {
    margin-top:10px;
    font-size:1.3em;
}
#corps-calendrier h3 {
    line-height:0.9em;
}
#corps-calendrier h1 img {
    margin-right:3px;
}
#corps-calendrier a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-size:0.8em; */
    color:#FFFFFF;
    text-decoration:none;
}

#corps-calendrier p {
    color:#FFFFFF;
}

/*Calendrier*/

/*titre agenda*/

#corps-calendrier #titre {
    margin-top:20px;
    font-weight:bold;
    font-size:0.7em;
}
#titre td {
    width:150px;
    text-align:center;
}

/*elements calendrier*/

#calendrier {
    margin-top:5px;
    overflow: auto;
    height:500px;
    width:780px;
    padding-right:10px;
}

#calendrier table.cell td {
    border-bottom:0px #FFFFFF solid ;
    padding-left:5px;
    padding-right:3px;
    padding-top:6px;
        padding-bottom: 3px;
    
}
#corps-calendrier .date {
    width:120px;
    padding-left:30px;
    font-weight:bold;
    font-size:0.8em;
}

/*Couleurs du calendrier*/

#corps-calendrier .gris {
    background-color:#dedddd;
}
#corps-calendrier .rouge {
    background-color:#da3e14;
}
#corps-calendrier .violet {
    background-color:#663d76;
}
#corps-calendrier .vert {
    background-color:#778621;
}

/*Page Formulaire contact------------------------------------------------------------------ */

/*Corps de la page*/

#corps-formulaire-contact, #corps-formulaire-login {
    background-color:#FFFFFF !important;
    color:#4b4b4d;
    overflow:auto;
    padding-bottom:10px;
    
}

#corps-formulaire-contact h3, #corps-formulaire-login h3 {
    margin-top:15px;
    margin-bottom:2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:0.8em;
}

/*Premiere partie*/

#corps-formulaire-contact #colonne-gauche {
    padding-left:15px;
    width:380px;
    margin-bottom:23px;
}
#corps-formulaire-contact h1, #corps-formulaire-login h1 {
    margin-top:10px;
}
#corps-formulaire-contact h2, #corps-formulaire-login h2 {
    font-size:0.8em;
    margin-bottom:3px;
}

#corps-formulaire-contact #colonne-gauche p, #corps-formulaire-login #colonne-gauche p {
    margin-top:15px;
    margin-bottom:3px;
}

/*formulaire*/

#corps-formulaire-contact #colonne-gauche #nom, #prenom, #adresse, #adresse2 {
    width:275px;
}
#corps-formulaire-contact #colonne-gauche #adresse {
    margin-bottom:5px;
}
#corps-formulaire-contact #colonne-gauche #adresse2 {
    margin-bottom:15px;
}
#corps-formulaire-contact #colonne-gauche #ville {
    margin-bottom:5px;
}

/*Deuxieme partie*/


#corps-formulaire-contact #colonne-centrale {
    width:280px;
    padding-left:15px;
}
#corps-formulaire-login #colonne-centrale {
    width:280px;
    margin-left:291px;
}
#corps-formulaire-contact #colonne-centrale #zone-choix, #corps-formulaire-login #colonne-centrale #zone-choix {
    height:130px;
    width:260px;
    margin-top:15px;
    padding:10px;
    border-top:3px solid #CCCCCC;
    border-left:3px solid #CCCCCC;
    overflow:auto;
}
#corps-formulaire-contact #colonne-centrale #zone-choix h2, #corps-formulaire-login #colonne-centrale #zone-choix h2 {
    margin:0;
    padding-bottom:5px;
}
#corps-formulaire-contact #colonne-centrale p, #corps-formulaire-login #colonne-centrale p {
    margin:0;
    padding:0;
    line-height:1.7em;
}
#corps-formulaire-contact #colonne-centrale input, #corps-formulaire-login #colonne-centrale input {
    vertical-align:middle;
}
/*Derniere partie*/

#corps-formulaire-contact #colonne-droite {
    margin-top:40px;
    margin-left:15px;
    width:230px;

}
#corps-formulaire-contact #colonne-droite #message {
    margin-top:3px;
}
#corps-formulaire-contact #colonne-droite h2 {
    margin-top:10px;
}
#corps-formulaire-contact #colonne-droite h2 a {
    font-size:0.9em;
    text-decoration:underline;
}

#corps-formulaire-contact #colonne-droite img {
    margin-top:20px;
    margin-bottom:20px;
}
#corps-formulaire-contact #colonne-droite input {
    vertical-align:middle;
}

/*Page Resultats recherches------------------------------------------------------------------ */

/*Corps de la page*/

#corps-resultat-recherche {
    background-color:#FFFFFF;
    width:866px;
    color:#4b4b4d;
    overflow:auto;
    padding-bottom:10px;
}

#corps-resultat-recherche h3 {
    margin-top:15px;
    margin-bottom:2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:0.8em;
    padding-left:10px;
}
#corps-resultat-recherche h1 {
    margin-top:15px;
    margin-left:10px;
}

/*Colonne de gauche*/

#corps-resultat-recherche #colonne-gauche {
    margin-left:10px;
    width:330px;
    float:left;
}
#corps-resultat-recherche #colonne-gauche p {
    margin-left:10px;
    margin-top:15px;
    font-size:0.7em;
    font-weight:bold;
}

/*Colonne de droite*/

#corps-resultat-recherche #colonne-centrale {
    margin-left:30px;
    width:240px;
    float:left;
}
#corps-resultat-recherche #colonne-centrale p {
    margin-bottom:3px;
}
#corps-resultat-recherche #colonne-centrale a {
    color:#333333;
    text-decoration:underline;
}
#corps-resultat-recherche #colonne-centrale a:hover {
    text-decoration:none;
}

/*Page Plan du site------------------------------------------------------------------ */

/*Corps de la page*/

#conteneur-global-plan {
    background-color:#FFFFFF;
    width:961px;
    overflow:auto;
    padding-bottom:10px;
}

#corps-plan {
    background-color:#FFFFFF;
    width:866px;
    color:#4b4b4d;
}
#corps-plan h1{
    margin-top:15px;
    margin-bottom:15px;
}

#corps-plan a{
    text-decoration:underline;
}
#corps-plan a:hover{
    text-decoration:none;
}
#corps-plan p{
    line-height:1.5em;
    font-size:0.8em;
}
#corps-plan .lien-niveau1{ /*Niveau 1*/
    padding-right:10px;
    color:#F35930;
    font-weight:bold;
}
#corps-plan .lien-niveau1-actif{
    padding-right:10px;
    color:#F35930;
    font-weight:bold;
    background:url(/design/marionnettes/images/icone-plan.gif) no-repeat right;
}
#corps-plan .lien-niveau1-bis{/*Niveau 1 inf�rieure (gris)*/
    padding-right:10px;
    color:#58585a;
    font-weight:bold;
}

#corps-plan .lien-niveau1-bis-actif{/*Niveau 1 inf�rieure (gris)*/
    padding-right:10px;
    color:#58585a;
    font-weight:bold;
}
#corps-plan .lien-niveau2{/*Niveau 2*/
    margin-left:70px;
    color:#58585a;
}
#corps-plan .lien-niveau2-actif{
    padding-right:10px;
    margin-left:70px;
    color:#58585a;
    background:url(/design/marionnettes/images/icone-plan.gif) no-repeat right;
}
#corps-plan .lien-niveau3{/*Niveau 3*/
    margin-left:140px;
    color:#58585a;
}
#corps-plan .lien-niveau3-actif{
    padding-right:10px;
    margin-left:140px;
    color:#58585a;
    background:url(/design/marionnettes/images/icone-plan.gif) no-repeat right;
}
#corps-plan .lien-niveau4{/*Niveau 4*/
    margin-left:210px;
    color:#58585a;
}
#corps-plan .lien-niveau4-actif{
    padding-right:10px;
    margin-left:210px;
    color:#58585a;
    background:url(/design/marionnettes/images/icone-plan.gif) no-repeat right;
}
#corps-plan .lien-niveau5{/*Niveau 5*/
    margin-left:280px;
    color:#58585a;
}
#corps-plan .lien-niveau5-actif{
    padding-right:10px;
    margin-left:280px;
    color:#58585a;
}
/*Colonne de gauche*/

#corps-plan #colonne-gauche {
    margin-left:10px;
    float:left;
    width:700px;
}
#corps-couleur #colonne-gauche .audio-guide{
    margin-left:10px;
}
#corps-contenu #colonne-droite .audio-guide img, #corps-couleur #colonne-droite .audio-guide img {
    float: none;
}
#corps-contenu #colonne-centrale .audio-guide img, #corps-couleur #colonne-centrale .audio-guide img {
    float: none;
}
#corps-contenu #colonne-gauche .audio-guide img, #corps-couleur #colonne-gauche .audio-guide img {
    float: none;
}
#corps-contenu .audio-guide h3, #corps-couleur .audio-guide h3 {
    font-size: 1em;
}
#corps-contenu #colonne-centrale .audio-guide h3, #corps-couleur #colonne-centrale .audio-guide h3 {
    margin-top:0px !important;
}
#corps-contenu .audio-guide p, #corps-couleur .audio-guide p {
    margin: 0;
}
.audio-guide {
    margin-bottom: 10px;
}
.audio-guide .player {
    margin-bottom: 5px;
}
.audio-guide .download {
    font-size: 0.9em;
    float: right;
    text-align: center;
    margin-left: 10px;
}
.audio-guide .download a {
    color: #111111;
    text-decoration:none
}
.audio-guide .download a:hover {
    clear: both;
    text-decoration: none;
}

/* Carousel */
#oeuvres {
    text-align: right;
}
#oeuvres li {
    width: 275px;
    float: left;
    padding-right: 5px;
}
#oeuvres .disabled {
    cursor: pointer;
    visibility: hidden;
}
#oeuvres .carousel-wrap {
    text-align: left;
    margin-bottom:0;
}
#oeuvres .carousel-control {
    cursor:pointer;
    height:50px;
    overflow:hidden;
    vertical-align:middle;
    width:25px;
    padding: 0 3px;
}

#corps-oeuvres #colonne-centrale #miniatures, #corps-contenu #colonne-gauche #miniatures, #corps-couleur #colonne-gauche #miniatures {
    padding-left: 0px;
}
.miniatures {
    height: 50px;
}
.miniatures li {
    float: left;
    padding-right: 5px;
}
.miniatures .disabled {
    cursor: pointer;
    visibility: hidden;
}
.miniatures .carousel-wrap {
    float: left;
    margin-bottom:0;
    width:215px;
}
.miniatures .carousel-control {
    cursor:pointer;
    float: left;
    height:50px;
    overflow:hidden;
    vertical-align:middle;
    width:25px;
    padding: 0 3px;
}

.oeuvre-miniatures, .oeuvre-description {
    /*display: none;*/
}


a.lienSuite {
    font-size:0.8em;
    color:#DB3C14;
    text-decoration:underline;
}

a.lienSuite:hover {
    text-decoration:none;
}

/* caption styling */

.caption-top, .caption-bottom {
    color: #ffffff;    
    font-size: 13px;
    cursor: default;
    border: 0px;
    
}
.caption-bottom {
    padding:10px;
    border-width: 1px 0 0 0; /* needed, otherwise got JS error on IE ! */
}
.caption a, .caption a {
    border: 0 none;
    text-decoration: none;
    background: #000000;
}
.caption a:hover, .caption a:hover {
    background: #202020;
}

br.c { clear: both; }

div.legend {
    padding: 6px 10px;
    color:#555;
    border:0;
    background:#fff;
    text-decoration:none;
    width : 230px;
    margin-left: auto ;
    margin-right: auto ;
}


div#legend1 div.legend {
   margin-left: 0px;
    margin-right: 0px ;
   width : 245px;
}

div.legend_rollover {
    padding: 6px 10px;
    color:#555;
    border:0;
    background:#fff;
    text-decoration:none;
    margin-left: auto ;
    margin-right: auto ;
}

#corps-couleur div.block_image, #corps-couleur div.bloc_html {
    margin-left: 15px ;
}

div.legend h3, div.legend_rollover h3 {
    color:#555 !important;
}


a.enSavoirPlus {
    padding:2px 5px 2px 5px;
    float:right;
    font-size:0.7em;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    background:#58585a;
}





/* Menu global, boutons des 3 mus�es*/

#menu-musees {
    width: 95px;
    position:absolute;
    background-color:#FFFFFF;
    padding-top:10px;
}
#menu-musees ul {
    margin-top:32px;
}
#menu-musees ul a {
    color:#FFFFFF;
    text-align: center;
    display: block;
    padding: 4px 0;
    width:92px;
    height:36px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.7em;
    font-weight:bold;
    text-decoration:none;
    line-height:1em;
}
#menu-musees #menu-histoire a {
    background:url(../images/gadagne/musee-histoire-coulissant.gif) left no-repeat;
}
#menu-musees #menu-histoire a:hover {
    background:url(../images/gadagne/musee-histoire-coulissant.gif) right no-repeat;
}
#menu-musees #menu-histoire-actif a {
    background:url(../images/gadagne/musee-histoire-coulissant.gif) right no-repeat;
}
#menu-musees #menu-edifice a {
    line-height:1.5em;
    background:url(../images/gadagne/musee-edifice-coulissant.gif) left no-repeat;
}
#menu-musees #menu-edifice a:hover {
    background:url(../images/gadagne/musee-edifice-coulissant.gif) right no-repeat;
}
#menu-musees #menu-edifice-actif a {
    background:url(../images/gadagne/musee-edifice-coulissant.gif) right no-repeat;
}
#menu-musees #menu-marionnettes a {
    background:url(../images/gadagne/musee-marionnettes-coulissant.gif) left no-repeat;
}
#menu-musees #menu-marionnettes a:hover {
    background:url(../images/gadagne/musee-marionnettes-coulissant.gif) right no-repeat;
}
#menu-musees #menu-marionnettes-actif a {
    background:url(../images/gadagne/musee-marionnettes-coulissant.gif) right no-repeat;
}
#corps-oeuvres #colonne-gauche .conteneur-vignette {
    float:left;
    margin-bottom:7px;
    margin-right:5px;
    margin-top:10px;
    width:85px;
}
#corps-formulaire-contact #colonne-article {
    padding-left:15px;
    float:left;
}
#corps-formulaire-contact #colonne-article p{
    line-height:1.7em;
    margin:0;
    padding:0;
    margin-left:10px;
}

#flash {
  margin-left:15px;
}

#flash h1 {
  color: #FFFFFF;
}

#corps-couleur ul.evenement {
  margin: 2px 10px 10px 20px;
}


#map_canvas span {
  display:none;
}

#colonne-gauche p {
  margin-left:15px;
}

#colonne-gauche h1 {
  margin-left:15px;
}

#corps-couleur #colonne-gauche h1 {
  margin-left:15px;
}
#corps-couleur #colonne-gauche div.mosaique, #corps-couleur #colonne-gauche div.flash{
  margin-left:15px;
}
#corps-couleur #colonne-gauche p {
  margin-left:15px;
}
#corps-couleur #colonne-gauche div.audio-guide p {
  margin-left:0px;
}
#corps-intro #colonne-gauche h1, #corps-formulaire-contact #colonne-gauche h1, #corps-oeuvres #colonne-gauche h1 {
  margin-left:0px;
}
#corps-intro #colonne-gauche p, #corps-formulaire-contact #colonne-gauche p {
  margin-left:0px;
}
#error{
    color:red;
}

#corps-couleur #colonne-gauche .mosaique h1, #corps-couleur #colonne-gauche .mosaique p {
  margin-left:0px;
}

.museum_histoir{
    position: absolute;
    display: block;
    left: 35px;
    top: 63%; 
}
.museum_renaissance{
    position: absolute;
    display: block;
    left: 41%;
    top: 27%; 
}
.museum_renaissance_img{
    display: block;
    margin-top: 192px;
}
.museum_marionnettes{
    position: absolute;
    display: block;
    left: 70%;
    top: 61%;
}
#titre td.none {
    width: 132px;
    text-align: center;
    padding-left: 30px;
}
.feedback{
    display: inline;
}
.feedback span{
}

#colonne-droite #gallery a.paddleft, #colonne-gauche #gallery a.paddleft{
    padding-left :0px;
}

#colonne-droite #gallery a.paddright,#colonne-gauche #gallery a.paddright{
    padding-right :0px;
}
#gallery a.paddleft{
    padding-left :6px;
}

#gallery a.paddright{
	margin-left:5px;
    padding-right :6px;
}

.block_1article {
  margin-bottom: 15px;
}

#corps-couleur #colonne-droite img {
  margin-bottom: 5px;
}

#corps-couleur #colonne-centrale img {
  margin-bottom: 5px;
}
#corps-couleur #colonne-droite #gallery a.paddleft img {
  margin-right: 5px;
}

#corps-couleur #colonne-droite div.actuhaut img, #corps-couleur #colonne-centrale div.actuhaut img, #corps-couleur #colonne-gauche div.actuhaut img {
   margin-right:40px;
}

#corps-couleur #colonne-droite #gallery {
   width:270px;
}

#corps-couleur #colonne-droite div.mosaique h1 {
  float: left;
}

#corps-couleur #colonne-gauche a.enSavoirPlus {
   text-decoration: none;
}

div.diaporama p {
  margin-top:0px;
  margin-bottom: 0px;
}

#corps-couleur #colonne-gauche div.diaporama {
  padding-left:7px;
}

div.separateur {
   float:none;
   height:15px;
   width:100%;
   display:block;
   clear: both;
}

div.separateur_actuhaut {
   float:none;
   display:block;
   clear: both;
    margin-top:2px;
}

#corps-couleur #colonne-gauche div.separateur {
   float:none;
}

#corps-couleur div.zone-layout-2zoneslayout1 div.block_image {
  margin:0px;
}

div.libelle_vignette {
  padding-left:1px;
  width:59px;
  height:20px;
}

#corps-couleur #colonne-droite div.block_image, #corps-couleur #colonne-centrale div.block_image {
  margin-left:0px;
}

#corps-couleur #colonne-droite div.block_image img {
  float: none;
  margin:0;
}

.text3col {
  margin-bottom: 15px;
}

div.block_1article h1 {
   margin-bottom:3px;
}

div.actu h2 {
   margin-bottom: 3px;
}

#home div.mosaique h1 {
   font-size:18px;
}

div.mosaique h1.mosaique_light {
  font-size:11px;
  font-weight:  normal;
}

div.object-left {
   float: left;
   clear: left;
}

div.object-right {
   float: right;
   clear: right;
}

div.object-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.gallery_image {
	float:left;
}

div#gallery {
	float:left;
}

ul#partners li.logo_culture {
   margin-top: 10px;
}

.captify{
    display: block;
    margin-left: auto;
    margin-right: auto    
}