body {
    margin:         0;
    padding:        0;

    font-family:    Helvetica, Arial, sans-serif;
    font-size:      80%;

    background:     #fff url(images/imageFond.jpg) center top repeat-y;
}



body.webzine_print {
    background:     #fff;
}

a {
    /* color:          #a80087; */
	color:				#bab515;
}
a img {
	border:none;
}
a:hover {
    text-decoration:    none;
}

#aPlus {
    margin:         0px 0px 10px 5px;
    cursor:         pointer;
}

#aMoins {
    margin:         0px 5px 10px 0px;
    cursor:         pointer;
}

#page {
    margin:         auto;
    padding:        0;
    width:          995px;
}

body.webzine_print #page {
    width:          795px;
}

#entete {
    margin:         0;
    padding:        15px 0px 0px 0px;
    height:         128px;
    background:     transparent url(images/bandeauHaut1.png) center top no-repeat;
    z-index:        100;
    position:       relative;
}

body.webzine_print #entete {
    background:     transparent url(images/bandeauHaut1.png) left top no-repeat;
}

#entete div.logo {
    float:          left;
}

#entete img.byImagiannce {
    margin-left:    20px;
}

#entete div.access {
    float:          right;
    text-align:     right;
    width:          700px;
}

#entete div.access p.note {
    margin:         0px 50px 0px 0px;
    margin-right:   50px;
    padding-top:    2px;
    clear:          both;
}

#entete form.subscription {
    margin:         0px 0px 10px 0px;
    padding:        0;
    width:          220px;
    color:          #584258;
    text-align:     left;
    float:          right;
}

body.webzine_print #entete p.note {
    font-size:      80%;
    width:          250px;
    margin:         -30px 5px 0px 0px;
    float:          right;
}
body.webzine_print #entete form.subscription {
    display:        none;
}

#entete form.subscription p {
    margin:         0px 0px 2px 0px;
}

#entete form.subscription a {
    font-style:     italic;
    color:          #fff;
}

#entete form.subscription input.button {
    vertical-align: top;
}

#entete form.subscription input.text {
    padding:        2px;
}


#conteneur {
    margin:         -20px 15px 0px 2px;
    padding:        0px 1px;
    padding-top:    20px;
    padding-bottom: 45px;
    background:     transparent url(images/fond_container.jpg) left top repeat-y;
}

body.webzine_print #conteneur {
    margin:         -20px 15px 0px 15px;
    background:     none;
}

hr.separator {
    clear:          both;
    visibility:     hidden;
}

#column-one {
    float:          left;
    padding-right:  10px;
    width:          266px;
    color:          #3B3B3B;
}

#content {
    padding:        5px 15px 5px 5px;
    margin-left:    280px;
    color:          #3B3B3B;
    text-align:     justify;
    font-size:      12px;
}

body.webzine_print #content {
    margin:         0px 5px;
    padding:        5px 15px 5px 15px;
}

#content h1 {
    margin:         0px 0px 25px -7px;
    padding:        25px 0px 0px 0px;
    font-size:      150%;
    text-transform: uppercase;
}

#content.print-all h1 {
    clear:          both;
}

#content h1 span {
    margin:         0;
    padding:        0px 20px 14px 5px;
    background:     url(images/cadreTitreRubriques.png) right bottom no-repeat;
}

#content h2 {
    margin:         4px 0px 6px 0px;
    padding:        0;
    font-size:      110%;
    text-transform: uppercase;
    border-bottom:  1px solid;
    clear:          right;
}

#content h2 span {
    margin:         0;
    padding:        0;
    background:     #fff;
    padding-bottom:  5px;

}

#content h3 {
    margin:         4px 0px;
    padding:        0;
    font-size:      110%;
}

#content p {
    margin:         12px 0px;
}

#content p.spip img {
    margin:         5px;
}

div.article-item {
    margin-bottom:     30px;
    padding:     2px 15px;
    overflow:   hidden;
	background:     url(images/background_article-item.png) left bottom repeat-x;
	border-right: 1px solid #ccc;
	
}

div.logos {
    float:          left;
    margin-right:    10px;
    margin-bottom:  10px;
    text-align:     center;
    font-style:     italic;
    font-size:      85%;
}

#numero {
    width:          232px;
    margin:         5px 0px 60px -18px;
    padding:        2px 20px 18px 20px;
    background:     url(images/cadreDate.png) left bottom no-repeat;
}

body.webzine_print #numero {
    margin:         20px 0px 0px 0px;
    float:          right;
}

#numero h1 {
    margin:         0;
    padding:        0;
    color:          #831884;
    font-size:      120%;
}

#numero span.date {
    font-size:      85%;
    font-weight:    bold;
}

/***************************************** GESTION DES COULEURS */
#accessibility {
    float:          left;
    width:          100%;
}

#content p.arianne {
    margin:         15px 0px;
}

p.print a {
    text-decoration:    none;
    font-weight:    bold;
    text-transform: uppercase;
    font-size:      90%;
}

#access-content {
    z-index:        2;
    margin-top:     -30px;
    padding:        15px 0px 0px 45px;
    float:          right;
    width:          210px;
    height:         154px;
    background:     url(images/background_access-content.png) left top no-repeat;
}
#access-content h2,
#access-content form,
#access-content p {
    margin:     0px 0px 2px 0px;
    padding:    0;
}

#access-content h2 {
    font-size:  90%;
    text-transform: uppercase;
    border:         none;
}

#access-content p.syndication {
    margin:     2px 0px 0px 50px;
    font-weight:    bold;
    text-transform: uppercase;
    font-size:      90%;
}

#access-content p.syndication a {
    text-decoration:    none;
}

#access-content input.text {
    width:          160px;
    border:         1px solid #3b3b3b;
}
#access-content select {
    width:          162px;
    border:         1px solid #3b3b3b;
}

#access-content input.button {
    vertical-align: top;
}

/***************************************** GESTION DES COULEURS */
.gris .in-color {
    color:          #52405A;
}
.gris .in-color #content h2 {
    border-color:   #52405A;
}

.violet_1 .in-color {
    /* color:          #751D7E; */
	color:          #584258;
}
.violet_1 .in-color #content h2 {
    /* border-color:   #751D7E; */
	color:          #584258;
}

.violet_2 .in-color {
    color:          #8E548B;
}
.violet_2 .in-color #content h2 {
    border-color:   #8E548B;
}

.violet_3 .in-color {
    color:          #C495C2;
}
.violet_3 .in-color #content h2 {
    border-color:   #C495C2;
}

.orange_1 .in-color {
    color:          #EA6221;
}
.orange_1 .in-color #content h2 {
    border-color:   #EA6221;
}

.orange_2 .in-color {
    color:          #F29223;
}
.orange_2 .in-color #content h2 {
    border-color:   #F29223;
}

.vert_1 .in-color {
    color:          #C4C911;
}
.vert_1 .in-color #content h2 {
    border-color:   #C4C911;
}

.vert_2 .in-color {
    color:          #A1D305;
}
.vert_2 .in-color #content h2 {
    border-color:   #A1D305;
}

.rouge .in-color {
    color:          #CA0E1E;
}
.rouge .in-color #content h2 {
    border-color:   #CA0E1E;
}

/***************************************** Menu de gauche */
#menu-content {
    margin:         0;
    padding:        0;
    font-size:      13px;
}

#menu-content h2 {
    font-size:      90%;
    text-transform: uppercase;
}

#menu-content h2 a {
    padding-left:   5px;
    padding-right:  10px;
    padding-bottom: 8px;
    background:     url(images/cadreRubriques.png) right bottom no-repeat;
    text-decoration:    none;
}

#menu-content ul {
    margin:         12px 0px 0px 0px;
    padding:        0;
    list-style:     none;
}

#menu-content ul li {
    margin-left:    5px;
    padding:        0px 0px 1px 15px;
    background:     transparent url(images/puce.png) 0px 12px no-repeat;
}

#menu-content ul li a {
    color:              #3B3B3B;
    text-decoration:    none;
    font-size:          95%;
}
#menu-content ul li a:hover {
    text-decoration:    underline;
}

/***************************************** PIED DE PAGE */
#footer {
    margin:         -45px 0px 0px 0px ;
    padding:        0px 50px 17px 25px;

    height:         32px;
    background:     transparent url(images/bandeauBas.png) left top no-repeat;

    text-align:     right;
}

#footer p {
    padding-top:    7px;
}

#footer a {
    text-transform: uppercase;
    color:          #3B3B3B;
    font-weight:    bold;
    font-size:      85%;
    text-decoration:    none;
}

#footer a:hover {
    text-decoration:    underline;
}

body.webzine_print #footer p {
    display:        none;
}

/***************************************** PIED DE PAGE */

#contact {
	border:1px solid #BAB515;
    margin:         10px;
    padding:        10px;
}

#contact dl {
    float:          left;
    width:          98%;
    margin:         0;
}

#contact dl dt {
    margin:         5px 0px;
    padding:        5px 0px 0px 0px;
    display:        block;
    float:          left;
    width:          190px;
    clear:          left;
    border-bottom:  1px dashed #584258;
    text-transform: uppercase;
    font-size:      90%;
    font-weight:    bold;
}

#contact dl dt label {
    padding-bottom: 1px;
    padding-right:  5px;
    background:     #fff;
    color:          #584258;
}

#contact dl dd {
    margin:         5px 0px;
    padding:        5px;
    display:        block;
    float:          left;
    width:          300px;
}

#contact dl dt.s {

    width:          530px;

}

#contact dl dd.s {

    width:          530px;
    line-height:    25px;
}

#contact p.button {
    border-bottom:  1px solid #584258;
    text-align:     right;
    margin-left:   195px;
    padding-right:   80px;
}

#contact input.text {
    width:          180px;
    border:         1px solid #3b3b3b;
    padding:        2px;
}
#contact textarea {
    width:          340px;
    border:         1px solid #3b3b3b;
    padding:        2px;
}

#contact dd.s textarea {
    width:          520px;
}

.resume {
    font-weight:    bold;
    font-size:      90%;
}

#content p,
#content ul,
#content ul li {
    font-family:    Georgia, Helvetica, Arial, sans-serif,
}

#accessibility img,
#entete img {
        border:     none;
}