@import url("content.css");
body {
    margin      : 0;
    padding     : 0;
    color       : #000;
    background  : #E2007A;
    height      : 100%;
    background  : #000 none fixed; /* évite le sautillement */
}
br.clearfloat {
    clear       : both;
    height      : 0;
    font-size   : 1px;
    line-height : 0px;
}
/* --------------------------- */
/* FOND DU SITE */
/* --------------------------- */
div#bg_content {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    z-index    : 10;
}
div#bg_content {
    visibility : hidden;
}
/* --------------------------- */
/* CONTENU SITE */
/* --------------------------- */
div#content_flash,
div#content {
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : 100;
    background : url(../images/contenu_site/trame_mini.gif) repeat;
    width      : 100%;
    padding    : 0 0 60px 0;
}
div#content_flash {
    background  : none !important;
}
/* --------------------------- */
/* LEFT SIDE */
/* --------------------------- */
div#left_side {
    float      : left;
    width      : 172px;
    padding    : 60px 0 0 15px;
}
div#left_side ul {
    margin     : 0 0 20px 0;
    padding    : 0;
    color      : #FFF;
    list-style : none;
}
div#left_side ul li {
    margin     : 0;
    padding    : 0;
}
/* --------------------------- */
/* MENU MAGENTA */
/* --------------------------- */
div#left_side ul.magenta {
    position        : relative;
    top             : -30px;
    left            : -15px;
    margin          : 0;
}
ul.magenta li a, ul.magenta li a:link, ul.magenta li a:visited {
    background      : #E4177B;
    font-family     : arial;
    font-size       : 10px;
    color           : #FFF;
    text-decoration : none;
    padding         : 1px 5px;
    display         : block;
    float           : left;
    margin          : 0 0 1px 0;
}
ul.magenta li a:hover, ul.magenta li a.on {
    color           : #000;
}
/* --------------------------- */
/* MENU NORMAL */
/* --------------------------- */
ul.normal li a, ul.normal li a:link, ul.normal li a:visited {
    text-transform  : uppercase;
    font-family     : georgia;
    color           : #FFF;
    font-size       : 11px;
    font-style      : italic;
    text-decoration : none;
    padding         : 4px 5px;
    background      : #000;
    margin          : 0 0 1px 0;
    display         : block;
    float           : left;
}
ul.normal li a:hover, ul.normal li a.on {
    background : #E4177B;
}
/* --------------------------- */
/* MENU GROUPE */
/* --------------------------- */
ul.groupe {
    position : relative;
}
ul.groupe li img.img_deploy {
    position   : absolute;
    top        : -5px;
    left       : -10px;
}
ul.groupe li.first a, ul.groupe li.first a:link, ul.groupe li.first a:visited {
    text-transform  : uppercase;
    font-family     : georgia;
    color           : #FFF;
    font-size       : 11px;
    font-style      : italic;
    text-decoration : none;
    padding         : 4px 5px;
    background      : #000;
    margin          : 0 0 1px 0;
    display         : block;
    float           : left;
}
ul.groupe li.first a:hover, ul.groupe li.first a.on {
    background      : #E4177B;
}
ul.groupe li a, ul.groupe li a:link, ul.groupe li a:visited {
    text-transform  : uppercase;
    font-family     : georgia;
    color           : #FFF;
    font-size       : 11px;
    text-decoration : none;
    padding         : 4px 5px;
    background      : #000;
    margin          : 0 0 1px 0;
    display         : block;
    float           : left;
    font-style      : italic;
}
ul.groupe li a:hover, ul.groupe li a.on {
    background      : #E4177B;
}
/* --------------------------- */
/* MENU SECONDAIRE */
/* --------------------------- */
ul.secondaire li a, ul.secondaire li a:link, ul.secondaire li a:visited {
    font-family     : arial;
    color           : #FFF;
    font-size       : 9px;
    text-decoration : none;
    font-style      : normal;
    padding         : 4px 5px;
    background      : #000;
    margin          : 0 0 1px 0;
    display         : block;
    float           : left;
}
ul.secondaire li a:hover, ul.secondaire li a.on {
    color           : #E4177B;
}
/* --------------------------- */
/* SOUS MENU */
/* --------------------------- */
ul.ssmenu li a, ul.ssmenu li a:link, ul.ssmenu li a:visited {
    font-family     : arial;
    font-size       : 11px;
    font-style      : normal;
    text-transform  : none;
    margin          : 0 0 1px 10px;
}
ul.ssmenu li a:hover, ul.ssmenu li a.on {
    color           : #E4177B;
    background      : #000;
}
ul.secondaire li ul.ssmenu li a {
    font-size       : 9px;
}
/* --------------------------- */
/* MENU NEWSLETTER */
/* --------------------------- */
div#menu_newsletter {
    width           : 138px;
    background      : #000;
    padding         : 8px 11px;
    margin          : 0 0 28px 0;
}
div#menu_newsletter p {
    padding         : 0;
    margin          : 0;
    margin-bottom   : 4px;
    color           : #FFF;
    font-family     : arial;
    font-size       : 10px;
}
div#menu_newsletter p.reponse {
    padding         : 0;
    margin          : 0;
    color           : #FFF;
    font-family     : arial;
    font-size       : 10px;
    font-weight     : bold;
}
div#menu_newsletter input.button {
    border      : none;
    width       : 24px;
    height      : 15px;
}
div#menu_newsletter input {
    height      : 13px;
    border      : 1px solid #7E7E7E;
    width       : 105px;
    font-family : arial;
    font-size   : 10px;
    color       : #7E7E7E;
}
/* --------------------------- */
/* CENTRAL SIDE LARGE */
/* --------------------------- */
div#central_side_large {
    float      : left;
    width      : 722px;
    padding    : 86px 0 0 0;
}
/* --------------------------- */
/* CENTRAL SIDE IFRAME */
/* --------------------------- */
div#central_side_iframe {
    float      : left;
    width      : 720px;
    padding    : 86px 0 0 0;
}
div#iframe {
    background : #FFF;
}
/* --------------------------- */
/* CENTRAL SIDE */
/* --------------------------- */
div#central_side {
    float      : left;
    width      : 492px;
    padding    : 86px 0 0 0;
}
div#iconographie {
    width      : 492px;
    text-align : right;
}
div#content_title {
    width      : 492px;
    margin     : 0 0 65px 0;
}
div.content_bloc {
    margin     : 0 0 10px 0;
    padding    : 11px 23px;
    background : #FFF;
}
div.content_bloc a, div.content_bloc a:link, div.content_bloc a:visited {
    color           : #E2007A;
    font-family     : arial;
    font-style      : normal;
    text-decoration : none;
    font-weight     : bold;
}
div.content_bloc a:hover {
    color           : #000;
}
div.content_bloc h5 {
    background      : transparent url(../images/common/fond_lien_h5.gif) left 0 no-repeat;
    height          : 21px;
    padding         : 1px 0 0 10px;
    margin          : 5px 0 3px;
}
div.content_bloc h5 a, div.content_bloc h5 a:link, div.content_bloc h5 a:visited {
    background      : #E2007A url(../images/common/fond_lien_h5_fin.gif) top right no-repeat;
    color           : #FFF;
    padding         : 1px 10px 2px 0;
    font-family     : georgia;
    font-style      : italic;
}
div.content_bloc h5 a:hover {
    color           : #000;
}
/* Hack Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.content_bloc h5 a, div.content_bloc h5 a:link, div.content_bloc h5 a:visited {
        padding      : 1px 10px 4px 0;
    }
}
p#content_bottom {
    width       : 492px;
    color       : #FFF;
    font-style  : italic;
    margin      : 0;
}
p#content_bottom a:link, p#content_bottom a:visited, p#content_bottom a:hover {
    color       : #FFF;
}
p#content_bottom a:hover {
    text-decoration : none;
}
/* --------------------------- */
/* RIGHT SIDE */
/* --------------------------- */
div#right_side {
    float       : left;
    width       : 220px;
    margin      : 289px 0 0 10px;
}
/* --------------------------- */
/* INSCRIPTION NEWSLETTER  */
/* --------------------------- */
#newsletter_subscription {
    width       : 205px;
    background  : #E2007A;
    margin      : 0 0 10px 0;
    padding     : 0 0 0 15px;
}
#newsletter_subscription h2 {
    font-size   : 22px;
    color       : #FFF;
    padding     : 15px 0;
}
#newsletter_subscription p {
    margin      : 0;
    width       : 190px;
    color       : #FFF;
    font-family : arial;
    font-size   : 12px;
}
#newsletter_subscription p.reponse {
    margin      : 0;
    width       : 190px;
    color       : #FFF;
    font-family : arial;
    font-size   : 12px;
    font-weight : bold;
}
div#newsletter_subscription input.button {
    border      : none;
    width       : 35px;
    height      : 17px;
}
div#newsletter_subscription input {
    height      : 16px;
    border      : 1px solid #7E7E7E;
    width       : 154px;
    font-family : arial;
    font-size   : 11px;
    color       : #7E7E7E;
}
/* --------------------------- */
/* MISE EN AVANT  */
/* --------------------------- */
div.mea_elem {
    padding     : 11px 15px;
    margin      : 0 0 10px 0;
    width       : 190px;
    background  : #FFF;
}
div.rose {
    background  : #E2007A;
}
div.rose h2 {
    color       : #FFF;
    font-size   : 22px;
}
div.rose p {
    color       : #FFF;
}
div.mea_elem a, div.mea_elem a:link, div.mea_elem a:visited {
    text-decoration : none;
    font-weight     : bold;
}
div.mea_elem a:hover {
    color           : #000;
}
div.rose a, div.rose a:link, div.rose a:visited {
    color           : #FFF;
    text-decoration : underline;
}
div.rose a:hover {
    color           : #FFF;
    text-decoration : none;
}
/* --------------------------- */
/* FOOTER  */
/* --------------------------- */
div#footer {
    position    : fixed;
    bottom      : 0;
    left        : 0;
    width       : 100%;
    height      : 21px;
    background  : #000;
    color       : #FFF;
    z-index     : 100;
    padding     : 4px 21px 0 21px;
}
div.elem_footer {
    float       : left;
    margin      : 0 30px 0 0;
}
div.elem_footer input.button {
    border      : none;
    width       : 24px;
    height      : 15px;
}
div.elem_footer input {
    height      : 13px;
    border      : 1px solid #7E7E7E;
    width       : 123px;
    font-family : arial;
    font-size   : 10px;
    color       : #7E7E7E;
}
div.elem_footer ul {
    list-style  : none;
    padding     : 0;
    margin      : 0;
}
div.elem_footer ul li {
    display     : inline;
    color       : #FFF;
}
div.elem_footer ul li a, div.elem_footer ul li a:link, div.elem_footer ul li a:visited {
    color           : #FFF;
    font-family     : arial;
    font-size       : 10px;
    text-decoration : none;
    font-style      : normal;
}
div.elem_footer ul li a:hover {
    color           : #E2007A;
}
div.elem_footer.droite {
    float           : right;
    padding-right   : 10px;
}
/* --------------------------- */
/* MODULE ACCORDEON  */
/* --------------------------- */
.accordeonTitre {
    background-color    : #000;
    font-family         : georgia;
    font-size           : 11px;
    text-transform      : uppercase;
    font-weight         : bold;
    font-style          : italic;
    color               : #FFF;
    padding             : 3px 4px;
    margin              : 0 0 1px 0;
    cursor              : pointer;
}
.accordeonTitreOn {
    background-color    : #E2007A;
    margin              : 0;
}
.accordeonPanneau {
    padding             : 4px 10px;
    background-color    : #E2007A;
    color               : #FFF;
    margin              : 0 0 1px 0;
}
.accordeonPanneau .print {
    float               : right;
}

/* --------------------------- */
/* FORMULAIRE  */
/* --------------------------- */
.publiformulaire span {
    color : #868686;
}
.publiformulaire span.formulaire_asterix {
    color : #000;
}
.publiformulaire label {
    line-height : 11px;
}
.publiformulaire input {
    height : 11px;
}
.publiformulaire input.formulairesubmit {
    float    : right;
    position : relative;
    left     : 40px;
    top      : -20px;
    height   : auto;
}

/* --------------------------- */
/* REVUE DE PRESSE  */
/* --------------------------- */
div.list_rdp p {
    padding     : 0;
    margin      : 0 0 0 0;
}
div.display_rdp {
    float       : left;
    margin      : 0 10px 35px 0;
    width       : 210px;
}
div.picto {
    margin      : 0 10px 0 0;
}
div.rp_content {
    width       : 130px;
}
/* --------------------------- */
/* RENCONTRE  */
/* --------------------------- */
div#content_rencontre {
    float      : left;
    width      : 492px;
}
div#content_rencontre div.content_bloc {
    margin     : 0 0 10px 0;
    padding    : 11px 23px;
    background : #FFF;
}
div#content_rencontre h4 {
    margin-bottom : 0;
}
div#content_rencontre .hide {
    display : none;
}
#right_rencontre {
    float       : left;
    margin-left : 10px;
    margin-top  : -20px;
    padding     : 0px;
    width       : 220px;
}
#right_rencontre #calendar {
    margin              : 0px 0px 10px 0px;
    background-color    : #FFF;
    padding             : 13px 18px 20px 20px;
}
#right_rencontre #calendar div {
    font-family         : georgia, helvetica, freesans, sans-serif;
    font-size           : 16px;
    font-weight         : normal;
    font-style          : italic;
    color               : #E3007A;
}
#right_rencontre #calendar table {
    width   : 100%;
}
#right_rencontre #calendar table th {
    font-family         : georgia, helvetica, freesans, sans-serif;
    font-size           : 14px;
    font-weight         : normal;
    font-style          : italic;
    color               : #000;
}
#right_rencontre #calendar table td {
    font-family         : arial, freesans, sans-serif;
    font-size           : 10px;
    color               : #000;
    text-align          : center;
}
#right_rencontre #calendar table td.today {
    background-color    : #E3007A;
    color               : #FFF;
}
#right_rencontre #calendar table a {
    display             : block;
    font-family         : arial, freesans, sans-serif;
    font-size           : 17px;
    color               : #000;
    font-weight         : bold;
    font-style          : normal;
    text-decoration     : none;
    padding             : 0px;
    background          : none;
}
#right_rencontre #calendar table td.today a {
    background-color    : #E3007A;
    color               : #FFF;
}
#right_rencontre #calendar table a:hover {
    background-color    : #E3007A;
    color               : #FFF;
}
div.rencontre_description {
    padding-left        : 22px;
    width               : 348px;
}
#right_rencontre #reference {
    width       : 205px;
    background  : #E2007A;
    padding     : 5px 0 5px 15px;
}
#right_rencontre #reference p {
    position        : relative;
    margin          : 0;
    padding         : 2px 0 2px 16px;
    color           : #FFF;
    font-family     : georgia;
    font-style      : italic;
    font-size       : 13px;
}
#right_rencontre #reference p.checked {
    background      : url(../images/common/check_on.gif) no-repeat left center;
}
#right_rencontre #reference p.unchecked {
    background      : url(../images/common/check_off.gif) no-repeat left center;
}
#right_rencontre #reference input {
    display : none;
}
div.rencontre_horaire {
    float           : left;
    width           : 65px;
    text-align      : right;
}
div.rencontre_titre {
    font-size       : 17px;
    font-style      : italic;
    font-family     : georgia;
    padding         : 0 0 10px 0px;
}
div.rencontre_horaire h4 {
    margin-top      : 0;
}
div.rencontre_description {
    float           : left;
    width           : 348px;
    padding         : 0 0 0 22px;
}
/* --------------------------- */
/* FONCTION LIEU */
/* DANS LE FICHIER lieu.css */
/* --------------------------- */
#conteneur_pagepro input {
    border              : 1px solid #7E7E7E;
}
input.erreur {
    border              : 1px solid red;
}
label.erreur {
    color               : red;
}
input.input_text_page_pro {
    width               : 200px;
}

/* --------------------------- */
/* BLOG */
/* --------------------------- */
#bloghome {
    font-family     : arial;
    font-size       : 11px;
}
#bloghome h3.billet_titre {
    font-family     : georgia, arial;
    font-size       : 18px;
    font-weight     : normal;
    font-style      : italic;
    margin-bottom   : 10px;
}
#bloghome .date, #bloghome .auteur {
    font-style      : italic;
}
.billet .resume {
    margin : 15px 0 0 0;
}

/*
   _____          _   _              __      ___     _
  / ____|        | | (_)             \ \    / (_)   | |
 | |  __  ___ ___| |_ _  ___  _ __    \ \  / / _  __| | ___  ___
 | | |_ |/ _ | __| __| |/ _ \| '_ \    \ \/ / | |/ _` |/ _ \/ _ \
 | |__| |  __|__ \ |_| | (_) | | | |    \  /  | | (_| |  __/ (_) |
  \_____|\___|___/\__|_|\___/|_| |_|     \/   |_|\__,_|\___|\___/

*/
div#control_video {
    position        : fixed;
    left            : 920px;
    top             : 213px;
    color           : #E4177B;
    font-style      : italic;
    text-align      : right;
    padding-right   : 60px;
    z-index         : 102;
    border          : none;
}
div.bg_elem_fix {
    background      : #000;
    position        : fixed !important;
    _position       : absolute;
    _top            : expression(documentElement.scrollTop + body.scrollTop);
}
div#control_video a {
    outline         : none;
}
div#btn_play_pause {
    position        : absolute;
    display         : block;
    width           : 11px;
    height          : 13px;
    background      : url(../images/btn_play_pause.gif) no-repeat;
    right           : 40px;
    cursor          : pointer;
    border          : none;
}
div#btn_mute {
    position        : absolute;
    display         : block;
    width           : 13px;
    height          : 13px;
    background      : url(../images/btn_mute.gif) no-repeat;
    right           : 0;
    cursor          : pointer;
    border          : none;
}
div#control_image div.on, div#control_video div.on {
    background-position : 0 -13px !important;
}
div#control_image div.hover, div#control_video div.hover {
    background-position : 0 -26px !important;
}
div#control_image div.onhover, div#control_video div.onhover {
    background-position : 0 -39px !important;
}
div#btn_fullscreen {
    position        : absolute;
    display         : block;
    width           : 16px;
    height          : 13px;
    background      : url(../images/btn_fullscreen.gif) no-repeat;
    right           : 18px;
    cursor          : pointer;
    border          : none;
}
div#btn_fullscreen img, div#btn_play_pause img {
    cursor          : pointer;
    border          : none;
}
div#control_video div#video_infobulle, div#control_image div#video_infobulle {
    position        : absolute;
    background      : #000;
    color           : #FFF;
    display         : none;
    top             : -20px;
    white-space     : nowrap;
    padding         : 1px 2px 1px 5px;
    font-family     : arial;
    font-size       : 10px;
    font-style      : normal;
}
div#legende {
    position        : absolute;
    width           : 723px;
    left            : 187px;
    top             : 213px;
    z-index         : 103;
    color           : #E4177B;
    text-align      : right;
}
div#control_image {
    position        : fixed;
    left            : 920px;
    top             : 213px;
    color           : #E4177B;
    font-style      : italic;
    text-align      : right;
    padding-right   : 60px;
    z-index         : 102;
    border          : none;
}
div#control_image div#btn_fullscreen {
    position        : absolute;
    display         : block;
    width           : 16px;
    height          : 13px;
    background      : url(../images/btn_fullscreen.gif) no-repeat;
    right           : 40px;
    cursor          : pointer;
    border          : none;
}
div#bt_panier {
    position        : absolute;
    left            : 810px;
    top             : 263px;
    z-index         : 103;
}


.video_externe {
    float           : left;
    width           : 140px;
    margin          : 0px 8px 20px 0px;
    font            : arial 11px;
}
.video_central {
    font            : arial 11px;
}
.video_central a {
    display         : block;
    width           : 440px;
    height          : 248px;
}

/* --------------------------- */
/* CALENDRIER */
/* --------------------------- */
#calendrier .aujourdhui {
    font-family     : georgia, arial;
    font-size       : 25px;
    font-style      : italic;
    font-weight     : normal;
}
#calendrier table {
    margin  : 15px 0;
}
#calendrier table td.horaire {
    padding-right   : 5px;
    color           : #E4177B;
    font-family     : georgia, arial;
    font-size       : 12px;
    font-style      : italic;
    text-align      : right;
}
#calendrier .artiste, #calendrier .piece {
    font-style      : italic;
}
#calendrier .voir_calendrier {
    padding-left    : 40px;
}

/* --------------------------- */
/* BLOC BLOG/VIDEO HOME */
/* --------------------------- */
table.blog_video td.blanc {
    padding    : 11px 8px 11px 23px;
    background : #FFF;
}