body {
        font-family:            sans-serif;
        margin:                 0;
        padding:                0;
        font-size:              9pt;
        background-color:       #FFF;
        color:                  #4A4A4A;
        background-image:       url(/img/logo_bg1.png);
        background-repeat:      no-repeat;
        background-position:    center 250px;
        background-attachment:  fixed;
}

h1 {
        font-size:              2em;
        font-weight:            bold;
        border-bottom:          1px solid #658cf4;
}

h1:first-letter {
        color:                  #658cf4;
}

h2 {
        font-weight:            normal;
        margin-left:            25px;
        text-decoration:        underline;
}

h2:first-letter {
        font-weight:            bold;
        color:                  #658cf4;
}

h3 {
        font-weight:            bold;
        margin-left:            50px;
        margin-bottom:          0px;
        padding-bottom:         0;
}

h4 {
        font-weight:            bold;
        margin-left:            70px;
        margin-bottom:          0px;
        padding-bottom:         0;
}

hr {
        text-align:             center;
        width:                  40%;
}

ul {
        padding-left:           0;
        margin-left:            100px;
        margin-right:           100px;
        list-style-image:       url(/img/listmark.gif);
}

ul.liste {
        padding-left:           0;
        margin-left:            100px;
        margin-right:           100px;
        list-style-image:       url(/img/listmark.gif);
}

ul ul, ul ul ul {
        padding-left:           0;
        margin-left:            20px;
        margin-right:           0;
}

ul ul {
	list-style-type:	circle;			
        list-style-image:       none;
}

ol,ol ol, ul ol, ul ul ol, ol ol ol {
        list-style-image:       none;
}

ul ul ul {
	list-style-type:	square;			
        list-style-image:       none;
}

p.h2 {
        padding-left:           0px;
        padding-right:          0px;
        text-align:             justify;
}

p {
        padding-left:           70px;
        padding-right:          70px;
        text-align:             justify;
}

p.attention {
        text-align:             center;
        font-weight:            bold;
}

div.adresse {
        margin-left:            100px;
        margin-right:           100px;
}

p.adresse {
        margin:                 5px;
        padding:                10px;
        text-align:             left;
        border:                 1px solid #4a4a4a;
        background-image:       url(/img/background_D6.png);
}

#contenant {
        padding-top:            170px;
        padding-left:           160px;
        padding-right:          20px;
}

#contenant_identifie {
        padding-top:            170px;
        padding-left:           20px;
        padding-right:          20px;
}

#contenu {
        text-align:             left;
}

div.encart {
        width:                  600px;
        padding:                15px;
        border:                 1px solid #658cf4;
}

div.encart p {
        margin:                 0;
        text-align:             center;
}

div.encart p.titre {
        font-weight:            bold;
}

#nom {
        position:               absolute;
        height:                 140px;
        width:                  100%;
        background-image:       url(/img/background_D6.png);
        
}

#nom_site {
        position:               absolute;
        top:                    13px;
        left:                   160px;
        font-style:             italic;
        font-weight:            bold;
        font-size:              21pt;
        color:                  #658cf4;
        padding:                0;
        margin:                 0;
}

#nom_site span.nom {
        font-size:              10pt;
}

#nom_site span.com {
        font-size:              80%;
        position:               relative;
        color:                  #658cf4;
        left:                   -0.25em;
}

#lignes {
        position:               absolute;
        top:                    20px;
        left:                   20px;
        width:                  120px;
        height:                 118px;
        z-index:                100;
}

#croix {
        position:               absolute;
        top:                    60px;
        right:                  30px;
        width:                  388px;
        height:                 26px;
}

#cache_ligne {
        position:               absolute;
        top:                 0px;
        right:                  0;
        width:                  209px;
        height:                 140px;
        background-image:       url(/img/photo_site.png);
        z-index:                10;
}

#identification {
        position:               absolute;
        top:                    185px;
        left:                   20px;
        width:                  120px;
        background-image:       url(/img/background_D6.png);
        background-repeat:      no-repeat;
}

#identification p.entete, #sondage p.entete, #sondage_haut p.entete {
        background-image:       url(/img/fond_entete.png);
        padding:                5px;
        font-size:              1.1em;
        border-bottom:          1px solid #658cf4;
        font-weight:            bold;
        text-align:             center;
}

span.bleu {
        color:                  #658cf4;
}

#identification form, #sondage form, #sondage_haut form {
        margin-top:             0px;
}

#identification p {
        text-indent:            0;
        text-align:             center;
        margin:                 0;
        padding:                3px;
}

#sondage p, #sondage_haut p {
        text-indent:            0;
        text-align:             left;
        margin:                 0;
        padding:                3px;
        
}

#identification p.field, #sondage p.field, #sondage_haut p.field {
        text-align:             left;
        padding-left:           10px;
}

#identification input, #sondage input, #sondage_haut input {
        border:                 1px solid #658cf4;
        background-color:       #fff;
        color:                  #4a4a4a;
}

#identifie {
        position:               absolute;
        top:                    150px;
        right:                  20px;
        text-align:             right;
}

#identifie p {
        margin:                 0;
        padding:                0;
}

#identifie form {
        margin:                 0;
        padding:                0;
}

#deconnecte {
        border:                 none;
        background:             none;
        color:                  #00f;
        padding:                0;
}

table.generique {
        margin-bottom:          25px;
}

table.generique p {
        text-indent:            0;
        text-align:             center;
}

table.generique td {
        vertical-align:         middle;
        text-align:             center;
}

table.adresses {
  border-collapse:collapse;
  width:80%;
  margin:10px auto;
  text-align:left;
}


table.adresses td {
 border:1px solid black;
 padding:2px 10px;
}

td.secretaire {
        color:                  #658cf4;
        border:                 2px solid #658cf4;
        background:             url("/img/background_D4.png") repeat right top;
        padding:                5px 10px;
        text-align:             center;
        font-weight:            bold;
}


/*********************************************************
** Formualires
**********************************************************/

fieldset {
        width:                  80%;
}

table.form {
        width:                  600px;
}

td.label, td.champs {
        width:                  40%;
        text-align:             left;
}

/**********************************************************
** Palmares
************************************************************/

table.palmares {
        width:                  600px;
        margin-top:             20px;
        border-collapse:        collapse;
        border:                 1px solid #4a4a4a;
        font-family:            georgia,serif;
}

table.palmares thead {
        background-image:       url("/img/background_D4.png");
}

table.palmares thead td {
        padding:                4px;
}

table.palmares tr.pair {
        background-color:       #f0f0f0;
}

table.palmares tr.impair {
        background-color:       #fff;
}

table.palmares td {
        padding:                4px;
        text-align:             center;
        vertical-align:         middle;
}

table.palmares td.gains {
        text-align:             right;
        font-weight:            bold;
}

table.palmares td.nom {
        text-align:             left;
}

div.nb_results p {
        text-align:             center;
        font-weight:            bold;
}

/***************************************************************
** Sondages
*************************************************************/

td.intitule {
        text-align:             right;
        padding-right:          30px;
}

table.results_sondage {
        margin-bottom:          20px;
        width:                  600px;
        border-collapse:        collapse;
}

table.results_sondage td {
        text-align:             center;
        border:                 1px solid #4a4a4a;
        background-color:       #f0f0f0;
}

table.results_sondage td.invisible {
        border:                 none;
        width:                  40%;
        background-color:       transparent;
}

table.results_sondage td.titre {
        font-weight:            bold;
        background-color:       #FCB26C;
}

table.results_sondage td.question {
        text-align:             left;
        padding-left:           10px;
        background-color:       #f0f0f0;
}

#sondage {
        position:               absolute;
        top:                    360px;
        left:                   20px;
        width:                  120px;
        background-image:       url(/img/background_D6.png);
        background-repeat:      no-repeat;
}

#sondage_haut {
        position:               absolute;
        top:                    185px;
        left:                   20px;
        width:                  120px;
        background-image:       url(/img/background_D6.png);
        background-repeat:      no-repeat;
}


p.introduction {
        font-variant:           italic;
        color:                  #658cf4;
}

div.organigramme img { 
        border:                 1px solid #aaa;
        padding:                3px;
}