/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");
html {
    height : 100%;
}

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #E2007A;
    height             : 100%;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

#main {
    margin-top     : 125px;
    margin-left    : auto;
    margin-right   : auto;
    margin-bottom  : 20px;
}

/**hack**/
#container {
    margin-left     : auto;
    margin-right    : auto;
    width           : 990px;
}

.anglais {
    color   : #868686;
}

div#site {
    position           : relative;
    background         : url(../images/contenu_site/trame_mini.gif) repeat;
    width              : 100%;
}

div#conteneur_fond_logo {
    position            : absolute;
    top                 : 0;
    left                : 0;
    width               : 100%;
    height              : 100%;
}

div#trame {
    background         : url(../images/contenu_site/trame_mini.gif) repeat;
    width              : 100%;
}

/* --- HEADER --- */
#header {
    margin : 0;
}

#header_background {
    margin-left        : 50px;
    padding-top        : 30px;
    text-align         : left;
}
#header_menu {
    text-align         : left;
}
#header ul {
    margin             : 0;
}
#header ul li {
    display            : inline;
    list-style         : none;
    margin             : 0;
    background         : #B5D45D;
}
#header ul li a, #header ul li a:link, #header ul li a:visited {
    text-decoration    : none;
    color              : #333;
    padding            : 10px 20px;
    font-size          : 12px;
    border-left        : 1px solid #FFF;
    border-top         : 1px solid #ACC958;
}
#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
    background         : #ACC958;
    color              : #FFF;
}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
    padding            : 5px 20px;
    font-size          : 11px;
}
#header ul li a:hover {
    background         : #333;
    color              : #FFF;
}

#phrase {
    position    : relative;
    top         : 150px;
    margin-left : 70%;
    width       : 237px;
    height      : 29px;
    background  : url(../images/contenu_site/titre_droit_haut.gif) no-repeat;
}

div#fil_ariane_focus,
div#fil_ariane {
    color           : #FFF;
    font-family     : georgia, verdana, geneva, arial, helvetica, sans-serif;
    font-style      : italic;
    padding-bottom  : 7px;
}

div#fil_ariane_focus {
    margin-left        : 210px;
}

div#fil_ariane {
    margin-left        : 210px;
    width              : 489px;
}

div#fil_ariane_focus a:link,
div#fil_ariane_focus a:visited,
div#fil_ariane_focus a:hover,
div#fil_ariane_focus a:active,
div#fil_ariane a:link,
div#fil_ariane a:visited,
div#fil_ariane a:hover,
div#fil_ariane a:active {
    color : #FFF;
}

/* --- CONTENT --- */
.bouton_rubriques_inscription {
    margin-bottom   : 24px;
    margin-top      : 10px;
}

.bouton_rubriques_focus {
    margin-left     : 20px;
    margin-bottom   : 30px;
    margin-top      : 10px;
}

.vignette_focus {
    margin-right    : 10px;
    margin-top      : -27px;
    float           : right;
}

.bouton_rubriques_contacts {
    margin-left     : 10px;
    margin-bottom   : 18px;
    margin-top      : 10px;
}

.bouton_rubriques_savoir {
    margin-left   : 12px;
    margin-bottom : 20px;
    margin-top    : 5px;
}

.bouton_rubriques2 {
    margin-left     : 12px;
    padding-bottom  : 38px;
    margin-top      : 6px;
}

.bouton_moins {
    float           : right;
    margin-top      : -7px;
    margin-right    : -7px;
}

.titre_contact {
    width              : 197x;
    height             : 29px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_contacts.jpg);
}

#contact {
    margin-top         : 80px;
    float              : left;
    width              : 197px;
    background         : #FFF;
}

#content_contact {
    margin-top      : 10px;
    margin-bottom   : 10px;
    color           : #E2007A;
    padding         : 0px 10px 0px 10px;
}

#content_contact a {
    color        : #E2007A;
    font-size    : 12px;
    font-weight  : normal;
    font-family  : arial,helvetica, freesans, sans-serif;
}

#block_milieu {
    float              : left;
    width              : 489px;
    margin-left        : 10px;
}

.titre_biennale {
    width              : 489px;
    height             : 26px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_encore.jpg);
}

#content_biennale {
    width              : 489px;
    background         : #FFF;
}

#content_principale {
    margin-top      : 10px;
    margin-bottom   : 10px;
    padding         : 0px 22px 0px 22px;
}

.titre_focus {
    width              : 489px;
    height             : 30px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_focus.jpg);
}

#content_focus {
    margin-top      : 10px;
    margin-bottom   : 10px;
    padding         : 0px 0px 0px 22px;
}

#focus {
    float              : left;
    width              : 489px;
    background         : #FFF;
    margin-top         : 10px;
}

#block_droit {
    float              : left;
    width              : 245px;
    margin-left        : 10px;
}

.titre_manque {
    width              : 245px;
    height             : 38px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_manquez_rien.jpg);
}

#content_manquez {
    color            : #FFF;
    margin-top       : 10px;
    margin-bottom    : 10px;
    padding          : 0px 40px 0px 16px;
}

#manquez_rien {
    width         : 245px;
    background    : #E2007A;
}

#manquez_rien input {
    margin-bottom : 10px;
    clear         : both;
}

#manquez_rien input.email {
    float       : left;
    width       : 160px;
    border      : none;
    font-size   : 0.95em;
}

#manquez_rien input.bouton {
    margin-left : 180px;
    margin-top  : -50px;
}

.titre_defile {
    width              : 245px;
    height             : 27px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_defile.jpg);
}

.image_defile {
    margin             : 10px auto 0px auto;
    padding            : auto;
    width              : 237px;
    height             : 114px;
    background         : url(../images/contenu_site/bandeau_defile.png);
}
.content_defile {
    margin-top          : 10px;
    /*margin-bottom:10px;*/
    padding             : 0px 0px 0px 14px;
    font-weight         : bold;
}

.content_defile h2 {
    font-style : normal !important;
    font-size  : 18px !important;
    color      : #E2007A;
    margin     : 0 !important;
    padding    : 0;
}

#defile {
    margin-top       : 10px;
    width            : 245px;
    background       : #FFF;
}

/***************Gabarit focus******************/

.titre_focus2 {
    width              : 489px;
    height             : 30px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_focus.jpg);
}

#content_focus2 {
    padding            : 0px 20px 0px 20px;
    background         : #FFF;
    margin-top         : 10px;
}

#focus2 {
    margin-left        : 210px;
    float              : left;
    width              : 489px;
    background         : #FFF;
}

*html #focus2 {
    margin-left : 0px;
}

.titre_inscription {
    width              : 245px;
    height             : 38px;
    background         : url(../images/contenu_site/titre_rubriques/inscription.jpg);
}

#content_inscription {
    color   : #000;
    padding : 0px 19px 0px 20px;
}

#inscription {
    margin-left : 20px;
    float       : left;
    width       : 245px;
    background  : #FFF;
}
#page_title {
    border-bottom      : 1px solid #474D4D;
}


/***************Gabarit inscription******************/

.titre_formulaire {
    width              : 489px;
    height             : 51px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_inscription.jpg);
}

#content_formulaire {
    padding : 0px 10px 0px 20px;
}

#formulaire {
    margin-left         : 210px;
    width               : 489px;
    height              : 505px;
    background          : #FFF;
    position            : relative;
}

#formulaire span {
    color : #868686;
}

#formulaire label {
    display     : block;
    float       : right;
    text-align  : right;
    line-height : 11px;
}

#formulaire table font {
    display : none;
}

.formulairesubmit {
    display : none;
}

#formulaire input {
    height : 11px;
}

.image_submit {
    position : absolute;
    bottom   : -10px;
    left     : 0px;
    width    : 489px;
}

.image_submit div.oblig {
    float       : left;
    margin-top  : 40px;
    margin-left : 10px;
}

.image_submit img {
    margin-left : 110px;
    cursor      : pointer;
}

/************Gabarit Contacts***************/
.titre_contact2 {
    width              : 197x;
    height             : 29px;
    background         : url(../images/contenu_site/titre_rubriques/titre_rubriques_contacts.jpg);
}

#contact2 {
    margin-top          : -60px;
    float               : left;
    width               : 197px;
    background          : #FFF;
}

#content_contact2 {
    margin-top      : 10px;
    margin-bottom   : 10px;
    color           : #E2007A;
    padding         : 0px 10px 0px 10px;
}

#contact2 {
    margin-top         : -60px;
    float              : left;
    width              : 197px;
    background         : #FFF;
}

#contactsprincipale a {
    color        : #E2007A;
    font-size    : 12px;
    font-weight  : normal;
    font-family  : arial,helvetica, freesans, sans-serif;
}


.tous_contacts {
    font-size  : 11px;
    color      : #000;
}

.tous_contacts a {
    font-size    : 11px;
    font-weight  : normal;
    font-family  : arial,helvetica, freesans, sans-serif;
}

.tous_contacts p {
    margin       : 0;
    font-size    : 11px;
    color        : #E2007A;
}


/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}

.debug {
    background : #F00;
}

div#content_manquez {
    position : relative;
    height   : 130px;
}

div#content_manquez p {
    width : 80px;
}

div#content_manquez div.submit {
    position    : absolute;
    width       : 78px;
    height      : 70px;
    left        : 210px;
    top         : 50px;
    z-index     : 50;
    cursor      : pointer;
}