/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
groixsejours.com 2006
contact@conseil-net.com
*****************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            GENERAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body,td,th {
    font-family: arial;
    font-size: 12px;
}
body {
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 2em;
}
a {
    font-family: arial;
    font-size: 12px;
    color:#29298C;
    text-decoration:none;
}
a:hover {
    color:#29298C;
    text-decoration:underline;
}
/*~~~~~~~~~~~~Fonds de page~~~~~~~~~~~~~~~~~*/
.fond_page {
   background-image: url(racine/images/fond.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_select_village {
   background-color: #FFFFFF;
   background-position: top;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_select_village textarea {
   background:transparent;
   font-family: Arial;
   font-size: 12px;
   color: #000000;
}
.fond_page_infospratiques {
   background-color: #FFFFFF;
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_liens {
   background-image: url(racine/images/fond_page_liens.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_associations {
   background-image: url(racine/images/fond_page_associations.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_randonnee {
   background-image: url(racine/images/fond_page_randonnee.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_ecomusee {
   background-image: url(racine/images/fond_page_ecomusee.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_reservenaturelle {
   background-image: url(racine/images/fond_page_reservenaturelle.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_sport {
   background-image: url(racine/images/fond_page_sport.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:417px
}
.fond_page_recherche {
   background-image: url(racine/images/fond_page_recherche.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height:400px
}
.fond_formulairerecherche {
   background-image: url(racine/images/fond2_page_hebergement2.gif);
   background-position: top;
   background-repeat: no-repeat;
}
.fond_bleu {
   background-color : #9BD7EE ;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tableau_haut {
    height:  50px
}
.tableau_navigation {
   height: 25px;
   background-color: #29298C;
}
.tableau_navigationblanc {
   height: 25px;
   background-color: #FFFFFF
}
.tableaufondnavigation {
   background-image: url(racine/images/menuder_m.gif);
   background-repeat: repeat-x
}
.tableauhauteurnavigation {
   height: 20px
}
.tableau_bas {
   height:  50px
}
.textsignature {
   font-family: Arial;
   font-size: 10px;
   color: #FFFFFF;
   height: 16px;
   background-color: #29298C
}
.textsignature a {
   font-family: Arial;
   font-size: 10px;
   color: #FFFFFF;
   text-decoration : none
}
.textsignature a:hover {
   font-family: Arial;
   font-size: 10px;
   color: #FFFFFF;
   text-decoration : none
}

/* Barre de navigation */
/* Barre de navigation du haut : styles des onglets principaux */
.onglets_haut, .onglets_haut td {
    color: #FFFFFF;
    padding : 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.onglets_haut a {
    color: #FFFFFF;
    text-decoration: none;
}
.onglets_haut a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/* Barre de navigation du haut : styles des menu deroulants */
.onglets_haut_menuder_container {
    /* rien */
}
.onglets_haut_menuder, .onglets_haut_menuder td {
    font-size: 12px;
    color: #29298C;
    text-decoration: none;
}
.onglets_haut_menuder a {
    color: #29298C;
    text-decoration: none;
}
.onglets_haut_menuder a:hover {
    color: #29298C;
    text-decoration: underline;
}

/* Page hébergement */

.textrecherche {
   font-family: Arial;
   font-size: 14px;
   font-weight: bold;
   color: #29298C;
   height: 30px
}
.textcontact {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #29298C;
   height: 25px
}
.textcontact {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #29298C;
   height: 25px
}
.textcontact a {
   text-decoration:none;
}
.textcontact a:hover {
   color: #EDA22B;
   text-decoration: overline underline;
}

.textexplicatif {
   font-family: Arial;
   font-size: 12px;
   color: #29298C;
   height: 30px
}
input {
  font-size: 9;
  font-family: Arial;
}
select {
  font-size: 9;
  font-family: Arial;
  width:90px;
}
.tableaurecherche {
  height:417px;
}
.trrecherche {
  height:7px
}
.tr2recherche {
  height:27px
}
.tr3recherche {
  height:27px
}
.trimagerecherche {
  height:276px
}
.page {
   font-family: Arial;
   font-size: 12px;
   color: #29298C;
   height: 16px;
}
.page a {
   font-family: Arial;
   font-size: 12px;
   color: #29298C;
   text-decoration : none
}
.page a:hover {
   font-family: Arial;
   font-size: 12px;
   color: #29298C;
   text-decoration : underline;
}
.village {
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    color: #29298C;
}
.trvillage {
    height:170px;
}
.trvillage2 {
    height:40px;
}
.textvillage {
    font-family: arial;
    font-size: 14px;
    color: #29298C;
}

.tableauannonce {
    border : solid 1px #29298C;
    background-color:#FFFFFF;
    margin : 2px 0 2px 0;
    height:100px;
}
.tableauannonce td {
   font-family: Arial;
   font-size: 12px;
   color: #29298C;
}
.tableauannonce td a {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #29298C;
   text-decoration : none
}
.tableauannonce td a:hover {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #29298C;
   text-decoration : underline;
}

.tableauvillage {
    background-color:#9BD7EE;
    margin : 4px;
    height: 75px;
}
.tableauvillage {
   font-family: Arial;
   font-size: 11px;
   color: #29298C;
}
.tableauvillage a {
   font-family: Arial;
   font-size: 11px;
   color: #29298C;
   text-decoration : none
}
.tableauvillage a:hover {
   font-family: Arial;
   font-size: 11px;
   color: #29298C;
   text-decoration : underline;
}

.tableaudetail {
    background-color:#FFFFFF;
    height:400px;
}
.tableaudetail td {
   font-family: Arial;
   font-size: 12px;
   color: #29298C;
}
.tableaudetail td a {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #29298C;
   text-decoration : none
}
.tableaudetail td a:hover {
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #29298C;
   text-decoration : underline;
}
.tableauphoto {
    border : solid 1px #29298C;
    background-color:#FFFFFF;
    margin : 5px 5px 5px 5px;
    height:400px;
}
.navigation { word-spacing : 5px; }
.navigation a.on     {font-family: arial;font-size:13px;color: #626F8F;text-decoration: none; }
.navigation a.on:hover {font-family: arial;font-size:13px;color: #EDA22B;text-decoration: underline overline; }
.navigation a.off     {font-family: arial;font-size:13px;color: #EDA22B;font-weight:none;}

/* page infos pratiques */
.groixinfos {
   background-image: url(racine/images/fond_groixinfos.gif);
   background-position: top;
   background-repeat: no-repeat;
   height:93px;
}
.iledegroixinfo {
   font-family: Arial;
   font-size: 24px;
   color: #FFFFFF;
   letter-spacing:5px;
}
.iledegroixinfo a {
   font-family: Arial;
   font-size: 24px;
   color: #FFFFFF;
   letter-spacing:5px;
   text-decoration:none;
}
.iledegroixinfo a:hover {
   text-decoration:underline;
}
.iledegroixinfo2 {
   font-family: Arial;
   font-size: 12px;
   color: #EDA22B;
   letter-spacing:2px;
}
/* page contact */

fieldset {
   padding:20px;
   margin:20px;
   width:400px;
}
fieldset legend {
    border : 1px solid #29298;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #29298C;
}
.textcontact {
   font-family: Arial;
   font-size: 12px;
   color: #29298C;
}