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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* FIN RESET CSS */

body {
    background: url(../images/fond-motif.gif);
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:12px;
}

#body {
    position: absolute;
    width: 950px;
    margin-left: -475px;
    left: 50%;
    background: url(../images/fond-body.jpg) center repeat-y;
}

p {
    margin: 10px 0;
    letter-spacing: 0.5px;
    line-height: 14px;
}

/* BASE */
#conteneur {
    width: 950px;
    background: url(../images/fond-container.jpg) no-repeat;
}

/* HEADER */
#header {
    width: 950px;
    height: 336px;
}

    #date {
        position: absolute;
        z-index: 120;
        top: 245px;
        left: 351px;
        width: 350px;
        height: 130px;
        background: url(../images/fond-bandeau.png) no-repeat;
    }
    #year {
        position: absolute;
        z-index: 20;
        top: 77px;
        left: 769px;
        width: 150px;
        height: 300px;
        background: url(../images/fond-deuxMille.png) no-repeat;
    }

/* CENTRE */
#centre {
    position: relative;
    z-index: 100;
    margin-left: 196px;
    /*background: white;*/
    width: 707px;
}

    #content {
        margin: 20px;
        width: 420px;
        float: left;
    }

        #content h1 {
            font-size: 22px;
            margin: 15px 0;
            text-transform: uppercase;
            letter-spacing: -0.8px;
            line-height: 19px;
        }

        #content h2 {
            font-size: 22px;
            color: #AB7D5A;
            margin: -15px 0 15px 0;
            text-transform: uppercase;
            letter-spacing: -0.8px;
            line-height: 19px;
        }

        #content a {
            color: #ab7d5a;
        }

    #right {
        float: right;
        width: 215px;
        margin: 20px 10px 0 0;
        background: url(../images/fond-right.png) no-repeat;
    }

        #newsletter {
            width: 185px;
            height: 70px;
        }
            #newsletter a {
                display: block;
                width: 185px;
                height: 70px;
            }
                #newsletter a span {
                    display: none;
                }

        #pays {
            width: 185px;
            height: 80px;
        }

            #form-pays {
                left:23px;
                position:relative;
                top:47px;
            }

            #bt-pays-yep {
                position: absolute;
                top: -9px;
                right: -28px;
            }

        #presse {
            width: 185px;
            height: 80px;
        }
            #presse a {
                display: block;
                width: 185px;
                height: 70px;
            }
                #presse a span {
                    display: none;
                }

        #logos {
            position: relative;
            height: 340px;
            text-align: center;
        }

            #logos a {
                position: absolute;
            }

            #logo-leclerc {
                left: 53px;
                top: 26px;
                display: block;
                width: 85px;
                height: 80px;
            }

            #logo-france-bleu {
                display:block;
                height:60px;
                left:47px;
                top:111px;
                width:65px;
            }

            /*#logo-bretons {
                left: 46px;
                top: 190px;
                display: block;
                width: 100px;
                height: 25px;
            }*/
            #logo-mouv {
                display:block;
                height:56px;
                left:118px;
                top:113px;
                width:65px;
            }

            #logo-telegramme {
                display:block;
                height:20px;
                left:67px;
                top:183px;
                width:100px;
            }
            #logo-lazylive {
                height:109px;
                left:30px;
                top:225px;
                width:174px;
            }

        #illus {
            width: 190px;
            height: 210px;
        }

        #logos-bis {
            height: 100px;
        }

/* INSCRIPTION */
#bandeau-important {
    position: relative;
    left: -58px;
    width: 195px;
    height: 48px;
    background: url(../images/fond-important.png);
}

#bandeau-nom-groupe {
    position: relative;
    left: -58px;
    width: 272px;
    height: 52px;
    background: url(../images/fond-nom-groupe.png);
}

#bandeau-contact-groupe {
    position: relative;
    left: -58px;
    width: 272px;
    height: 52px;
    background: url(../images/fond-contact-groupe.png);
}

.libelle-form {
    color: #92623d;
    text-transform: uppercase;
}

#bt-inscrire {
    position: relative;
    left: 100px;
}

/* MENU */
#menu {
    position: absolute;
    left: 0;
    top: 260px;
    z-index: 10;
    width: 265px;
    height: 375px;
    background: url(../images/fond-menu.png);
}



#menu a span { display: none;}

    #menu-jc {
        height:55px;
        left:23px;
        position:absolute;
        top:80px;
        width:200px;
    }

    #menu-jc:hover {
        background: url(../images/fond-menu.png) 255px -80px;
    }

    #menu-edition {
        height:55px;
        left:24px;
        position:absolute;
        top:138px;
        width:206px;
    }

    #menu-edition:hover {
        background: url(../images/fond-menu.png) 254px -138px ;
    }

    #menu-inscrire {
        height:37px;
        left:26px;
        position:absolute;
        top:194px;
        width:206px;
    }

    #menu-inscrire:hover {
        background: url(../images/fond-menu.png) 252px -194px ;
    }

    #menu-news {
        height:55px;
        left:27px;
        position:absolute;
        top:238px;
        width:206px;
    }

    #menu-news:hover {
        background: url(../images/fond-menu.png) 252px -238px ;
    }

/* FOOTER */
#pied {
    height:134px;
    width:950px;
    background: url(../images/fond-pied.jpg);
}

/* DIVERS */
.clear {
    clear: both;
    display: block;
}

.separateur {
    height:2px;
    background: #E0DBD4;
    width: 88%;
    clear: both;
    margin: 5px 0 10px 35px;
}

.img-left {
    margin: 10px;
    border: 10px solid black;
    float: left;
}

.img-center {
    border: 10px solid black;
}

.chapo {font-weight: bold;}
.ps {color: gray; font-size: 11px;}

/* FIN DIVERS */

/* LISTING */
#centre-listing {
    margin: 10px;
}

    #centre-listing h2 {
        font-size: 22px;
        color: black;
        margin: 0;
        text-transform: uppercase;
    }

    #centre-listing h3 {
        font-size: 22px;
        color: #ab7d5a;
        text-transform: uppercase;
    }

    #centre-listing h4 {
        font-size: 22px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

#info-groupe {
   float: left;
   width: 200px;
   height: 150px;
   min-height: 150px;
   height: auto !important;
   background: url(../images/fond-info-groupe.png) no-repeat;
}

    #info-groupe ul {
        margin-left: 30px;
    }

#info-lieu {
    float: left;
    width: 200px;
    margin-bottom: 20px;
    height: 150px;
    min-height: 150px;
    height: auto !important;
    background: url(../images/fond-info-lieu.png) no-repeat;
}

    #info-lieu ul {
        margin-left: 30px;
    }

    #info-lieu ul li {
        line-height: 15px;
    }