/* -------------- partie variable ----------------------------- */



.voeux{
/*width: 100%;*/
/*clear: both;*/
margin: 5px 5px 5px 0px;
display: block;
text-align: center;
border: 1px solid #69c;
background-color: rgb(234,247,235);
font-weight: bold;
font-size: medium;
}


.sapin{
clear: both;
margin: 5px 5px 5px 0px;
line-height: 100px;
display: block;
background-image: url(images/sapin.jpg);
background-repeat: repeat-x;
}


/* -------------- fin partie variable ------------------------- */




           
/* ------------------ partie fixe ----------------------------- */

/* -------------------  boîte verte --------------------------- */
.boxg{
width: 300px;
clear: both;
margin: 5px 5px 5px 10px;
display: block;
float: right;
border: 1px solid rgb(181,218,53);
/*color: #333;*/
background-color: rgb(234,247,235);
font-size: small;
font-family: Arial,Helvetica,Geneva,sans-serif;
/*font-weight: bold;*/
}


.boxg h4{
margin: 0 2px 0 2px;
font-size: medium;
text-align: center;
color: rgb(149,182,33);
font-weight: bold;
}

.rowg{
clear: both;
margin-top: 1px;
border-top: 1px dotted rgb(149,182,33);
margin-bottom: 2px;
}

.rowg a{
color: rgb(149,182,33);
text-decoration: none;
font-weight: bold;
}

.rowg a:hover{
color: rgb(234,247,235);
background: rgb(149,182,33);
text-decoration: none;
}

.rowg span.text{
margin-right: 2px;
margin-left: 2px;
display: block;
}

.rowg span.red {
color: red;
font-weight: bold;
}

.rowg span.red_c{
color: red;
font-weight: bold;
text-align: center;
display: block;
}

.rowg span.textb{
font-weight: bold;
}
/* ------------------- fin boîte verte ------------------------ */



/* -------------------  boîte bleue --------------------------- */

.box {
clear: both;
width: 300px;
margin: 5px 5px 5px 10px;
display: block;
float: right;
border: 1px solid #69c;
background-color:rgb(232,243,244);
font-size: small;
font-family: Arial,Helvetica,Geneva,sans-serif;
}


.box h4{
margin: 0 2px 0 2px;
font-size: medium;
text-align: center;
color: rgb(3,138,228);
font-weight: bold;
}

.row{
clear: both;
margin-top: 1px;
border-top: 1px dotted #69c;
margin-bottom: 2px;
}


.row span.label{
float: left;
width: 16px;
margin-left: 5px;
vertical-align: bottom;
}

.row span.text{
/*width: 167px;*/
margin-right: 2px;
margin-left: 2px;
/*text-align: justify;*/
display: block;
}

.row span.centerb{
text-align: center;
font-weight: bold;
display: block;
}

.row span.textl{
margin-left: 5px;
text-align: left;
float: left;
}

.row a{
color: rgb(3,138,228);
text-decoration: none;
font-weight: bold;
}

.row a:hover{
color: rgb(232,243,244);
background: rgb(3,138,228);
text-decoration: none;
}

.row span.textlb{
color: rgb(3,138,228);
font-weight: bold;
font-size: small;
text-align: left;
}

.row span.textred{
color: red;
font-weight: bold;
}

.row span.gcred {
   display: block;
   font-weight: bold;
   text-align: center;
   color: red;
}

.row span.italicbc {
   font-style: italic;
   font-weight: bold;
}
/* ------------------- fin boîte bleue ----------------------- */



 

/* ----------------  En-tête et barre de navigation -----------*/
.navhaut { display: inline;
           white-space: nowrap;
           font-size: x-small;
           /*background-color: rgb(220,237,239);*/
           background-color: white;
           text-align: left;
           font-family: Arial,Helvetica,Geneva,sans-serif;
}
           
           
.navhaut a {
           text-decoration: none;
           color: black;
           background-color: rgb(181,218,53);
}
           
.navhaut a:hover {
           color: rgb(220,237,239);
           background-color: blue;
}           


/* ---------------- Fin en-tête et barre de navigation --------*/









.box_avert {
    font-family: "comic sans ms",arial,helvetica,sans-serif;
    margin: 0px;
    display: block;
    color: black;
    background-color: rgb(232,243,244);
}

.box_avert a {
    text-decoration: none;
}

.box_avert a:hover {
    color: white;
    background-color: blue;
}


.box_avert_border {
    font-family: "comic sans ms",arial,helvetica,sans-serif;
    margin: 0px;
    padding: 2px;
    border: 1px solid rgb(3,138,228);
    display: block;
    color: black;
    background-color: rgb(232,243,244);
}

.box_avert_border a {
    text-decoration: none;
		font-weight: bold;
}

.box_avert_border a:hover {
    color: white;
    background-color: blue;
}


.box_top {
    font-family: "comic sans ms",arial,helvetica,sans-serif;
    /*width: 350px;*/
    margin: 0px;
    /*border: 1px solid rgb(3,138,228);
    display: block;*/
    float: right;
    color: black;
    /*float: right;*/
    /*font-weight: bold;*/
    font-size: x-small;
    background-color: rgb(232,243,244);
    text-align: right;
}

.box_top a {
    text-decoration: none;
}

.box_top a:hover {
    color: white;
    background-color: blue;
}

/*-- annuaire du Synprefh ---------------------------------------------*/

.adresses table {
    border: 1px solid black;
    frame: box;
}

.nom col {
    width: 37%;
    color: #8a9c32;
    valign: top;
}

.adresses col {
    valign: top;
    width: 37%;
}

.adresses td, tr {
    border : 1px solid;
    padding: 2px;
    margin: 2px;
}

.adresses .vert {
    font-size: medium;
    color: #8a9c32;
}

.adresses .attrib {
    font-family: arial,helvetica,sans-serif;
}