html{
    margin: 0;
    padding: 0;
    background: url('images/fond-html.jpg') top center no-repeat;
}

body{
    font-family: "Lucida sans", Verdana, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 16px;
    color: #58585a;
    background: url('images/fond-body.png') bottom center no-repeat;
}

#header{
    height: 295px;
}

#banniereAccroche{
    position: absolute;
    z-index: 2;
    top: 0px;
}

#banniereImage{
    position: relative;
    z-index: 1;
}

ul#banniereAccrocheListe, ul#banniereImageListe{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul#banniereAccrocheListeLarge, ul#banniereImageListeLarge{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#rechercheAccroche{
    float: left;
}

#rechercheSite{
    margin-left: 35px;
    padding-left: 18px;
    margin-top: 23px;
    width: 199px;
    height: 28px;
}

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

#rechercheSite input{
    height: 20px;
    width: 160px;
    background: #eae7de;
    border: 0;
}

#accrocheSite{
    margin-left: 35px;
    width: 217px;
    height: 244px;
}

#menuHaut{
    width: 100%;
    height: 30px;
}

#coupCoeur{
    float: right;
}

#menuGauche{
    float: left;
    width: 155px;
}

ul#menuGaucheListe{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul#menuGaucheListeSecondaire{
    padding: 10px 0px 10px 10px;
    margin: 0;
    list-style-type: none;
    background: #8c9f02;
    border-bottom: 1px solid #d0df68;
}

ul#menuGaucheListeSecondaire li{
    padding-bottom: 4px;
}

.menuGaucheLienRubriqueParent{
    display: block;
    width: 145px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #b1c903;
}

.menuGaucheLienRubriqueParentAvecBordure{
    display: block;
    width: 145px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #b1c903;
    border-bottom: 1px solid #d0df68;
}

.menuGaucheLienRubriqueParent:hover{
    display: block;
    width: 145px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #8c9f02;
}

.menuGaucheLienRubriqueParentAvecBordure:hover{
    display: block;
    width: 145px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #8c9f02;
    border-bottom: 1px solid #d0df68;
}

.menuGaucheLienRubriqueParentOver{
    display: block;
    width: 145px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #8c9f02;
    border-bottom: 1px solid #d0df68;
}

.divFormulaireRechercheFond{
    background: #dad8cb;
    padding-top: 4px;
    padding-bottom: 4px;
}

.divFormulaireRechercheFond2{
    background: #f4f0ec;
    padding-top: 4px;
    padding-bottom: 4px;
}

.listeHebergementFondCelluleGauche{
    background: #f0efeb;
}

.listeHebergementFondCelluleDroite{
    background: #e9e8e1;
}

.listeHebergementContenuCellule{
    width: 265px;
    height: 142px;
    margin-top: 5px;
}

.listeHebergementContenuTableau{
    width: 250px;
    padding-top: 5px;
    margin-left: 8px;
}

.postItCoupDeCoeur{
    display: block;
    margin-top: 4px;
    background: url('images/fond-post-it-coup-coeur.png') top left no-repeat;
    width: 214px;
    height: 279px;
}

.postItCoupDeCoeur .contenu{
    display: block;
    margin-left: 19px;
    width: 176px;
    line-height: 15px;
}

.postItOffreASaisir{
    display: block;
    margin-top: 4px;
    background: url('images/fond-post-it-offre-a-saisir.png') top left no-repeat;
    width: 214px;
    height: 231px;
}

.postItOffreASaisir .contenu{
    display: block;
    margin-left: 19px;
    width: 176px;
    line-height: 15px;
}

.postItPartenaire{
    display: block;
    margin-top: 4px;
    width: 214px;
    height: 215px;
}

.postItPartenaire .contenu{
    display: block;
    margin-left: 19px;
    width: 176px;
    line-height: 15px;
}

#carnetConnexion{
    width: 155px;
    height: 166px;
    background: url('images/colonne-gauche-fond-connexion.jpg') top left no-repeat;
    line-height: normal;
}

#formulaireConnexion input{
    margin-left: 4px;
    font-size: 10px;
    margin-bottom: 2px;
    width: 100px;
    background: #f0d9e9;
    border: 1px solid #dab3d0;
}

.ficheDetailFondMenu{
    background: url('images/fiche-detail-fond-menu.jpg') top left no-repeat;
    width: 259px;
    height: 380px;
}

#fenetreModaleTitreAvisInternaute{
    width: 100%;
    padding-top: 6px;
    padding-bottom: 8px;
    background: #bb7db0;
    text-align: center;
}

#fenetreModaleTitreAvisInternauteBoutonAjouter{
    width: 100%;
    padding-top: 3px;
    padding-bottom: 4px;
    background: #f4f0ec;
    text-align: center;
}

.fenetreModaleTitreAvisInternauteMarginleft{
    margin-left: 30px;
    width: 90%;
}

#formulaireAjoutCommentaire label{
    float: left;
    display: block;
    font-size: 13px;
    font-weight: bold;
    width: 200px;
}

#listeCommentaireFiche{
    width: 100%;
    height: 400px;
    overflow-y: auto;
}

.fenetreModaleCommentaireTitre{
    width: 100%;
    padding-top: 3px;
    padding-bottom: 4px;
    background: #dad7ca;
}

.offreSejourFondMarronClair{
    background: #f4f0ec;
}

.offreSejourFondMarronFonce{
    background: #e6e1d9;
}

#offreSejourFondEncartOrange{
    background: #f9b200;
    width: 339;
    height: 36px;
}

#offreSejourFondEncartVert{
    background: #a7bc00;
    width: 339;
    height: 36px;
}

.offreSejourFondImageFonce{
    background: url('images/liste-offre-sejour-fond-image-vert-fonce.png') bottom right no-repeat;
    width: 188px;
    height: 145px;
}

.offreSejourFondImageClair{
    background: url('images/liste-offre-sejour-fond-image-vert-clair.png') bottom right no-repeat;
    width: 188px;
    height: 145px;
}
/************************************************************/
/***** Liens *****/
a{
    color: #58585a;
}

a.lienConnexionCompte:link, a.lienConnexionCompte:visited{
    font-style: italic;
    text-decoration: none;
    color: #f7edf5;
    font-weight: normal;
    font-size: 10px;
}

a.lienConnexionCompte:hover{
    font-style: italic;
    text-decoration: underline;
    color: #f7edf5;
    font-weight: normal;
    font-size: 10px;
}

a.menuGaucheLienRubriqueParent:link, a.menuGaucheLienRubriqueParent:hover, a.menuGaucheLienRubriqueParent:visited, a.menuGaucheLienRubriqueParentAvecBordure:link, a.menuGaucheLienRubriqueParentAvecBordure:hover, a.menuGaucheLienRubriqueParentAvecBordure:visited, a.menuGaucheLienRubriqueParentOver:link, a.menuGaucheLienRubriqueParentOver:hover, a.menuGaucheLienRubriqueParentOver:visited{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

a.lienMenuGaucheSecondaire:link, a.lienMenuGaucheSecondaire:hover, a.lienMenuGaucheSecondaire:visited{
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}

a.lienFooterPrincipal:link, a.lienFooterPrincipal:visited, a.lienFooterPrincipal:hover{
    color: #5f5d5c;
    font-weight: bold;
    text-decoration: none;
}

a.lienFooterSecondaire:link, a.lienFooterSecondaire:visited, a.lienFooterSecondaire:hover{
    color: #5f5d5c;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
}

a.lienBordeaux:link, a.lienBordeaux:visited, a.lienBordeaux:hover{
    color: #9b1352;
    font-weight: normal;
    text-decoration: none;
}

a.lienLireSuiteCommentaire:link, a.lienLireSuiteCommentaire:visited{
    font-size: 10px;
    text-decoration: none;
    color: #989295;
}

a.lienLireSuiteCommentaire:hover{
    font-size: 10px;
    text-decoration: underline;
    color: #989295;
}

a.lienLirePostItSuiteCoupCoeur:link, a.lienLirePostItSuiteCoupCoeur:visited{
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #bc82b1;
}

a.lienLirePostItSuiteCoupCoeur:hover{
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
    color: #bc82b1;
}

a.lienLirePostItSuiteOffreASaisir:link, a.lienLirePostItSuiteOffreASaisir:visited{
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #0d5590;
}

a.lienLirePostItSuiteOffreASaisir:hover{
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
    color: #0d5590;
}

a.lienLirePostItSuitePartenaire:link, a.lienLirePostItSuitePartenaire:visited{
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #afada4;
}

a.lienLirePostItSuitePartenaire:hover{
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
    color: #afada4;
}

a.lienPaginationFormulaireRecherche:link, a.lienPaginationFormulaireRecherche:visited{
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #888675;
}

a.lienPaginationFormulaireRecherche:hover{
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    color: #888675;
}

a.lienBlanc:link, a.lienBlanc:visited{
    color: white;
    text-decoration: none;
    font-weight: normal;
}

a.lienBlanc:hover{
    color: white;
    text-decoration: underline;
    font-weight: normal;
}

/************************************************************/
/***** Styles textes *****/
h1{
    font-size: 14px;
    margin: 0;
    padding: 0;
}

h2{
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.alignJustify{
    text-align: justify;
}

.alignCenter{
    text-align: center;
}

.alignRight{
    text-align: right;
}

.vertTypeHebergement{
    color: #8c9f02;
}

.vertPromenade{
    color: #b1c906;
}

.bordeaux{
    color: #801349;
}

.bordeauxFonce{
    color: #9b1352;
}

.noir{
    color: #000000;
}

.blanc{
    color: #ffffff;
}

.rouge{
    color: red;
}

.vert{
    color: green;
}

.size9{
    font-size: 9px;
}

.size10{
    font-size: 10px;
}

.size11{
    font-size: 11px;
}

.size12{
    font-size: 12px;
}

.size13{
    font-size: 13px;
}

.size14{
    font-size: 14px;
}

/*************************/
/***** Styles fauves *****/
/*************************/

/***** actualités *****/

.actualite{
    float: left;
    display: block;
    width: 490px;
    margin-top: 5px;
    margin-left: 22px;
    margin-right: 34px;
    color: #58585A;
    text-align:justify;
    font-size:11px;
}

.actualite_img0{
    float: left;
    padding-right: 8px;
}

.actualite_img1{
    float: right;
    padding-left: 8px;
}

.actualite_titre{
    color: #979F1D;
    font-weight:700;
    font-size:16px;
}

.actualite_separation{
    background-image:url(images/actualite-separation.jpg);
    background-repeat: no-repeat;
    display:block;
    width: 490px;
    height: 3px;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

/***** univers *****/

.article_univers{
    float: left;
    display: block;
    width: 490px;
    margin-top: 18px;
    margin-left: 22px;
    margin-right: 34px;
    color: #58585A;
    text-align:justify;
    font-size:11px;
}

.article_univers_titre{
    color: #000;
    font-weight:700;
    font-size:16px;
    margin-bottom: -5px;
}

.article_univers img{

}

/***** rubrique *****/

.description_rubrique{
    float: left;
    display: block;
    width: 518px;
    margin-top: 5px;
    margin-left: 8px;
    margin-right: 20px;
    color: #58585A;
    text-align:justify;
    font-size:11px;
}

.description_rubrique h1{

    color:#8c9f02;
    text-align:justify;
    font-size:14px;
}

.description_rubrique_titre{
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}

/***** article *****/

.contenu_article{
    float: left;
    display: block;
    width: 492px;
    margin-top: 30px;
    margin-left: 22px;
    color: #58585A;
    text-align:justify;
    font-size:11px;
}

.contenu_article_titre{
    color: #cecbbc;
    font-weight:700;
    font-size:18px;
    margin-bottom: 10px;
}

.contenu_article img{

}

.contenu_article h1{
    color: #8d9f1d;
    font-weight: 900;
    font-size: 16px;

}

.contenu_article_separation{
    background-image:url(images/actualite-separation.jpg);
    background-repeat: no-repeat;
    display:block;
    width: 490px;
    height: 3px;
    padding: 0;
}

.contenu_article_galerie{
    display:block;
    float: left;
    margin-right: 8px;
    margin-bottom: 5px;
}

.contenu_article_galerie_droite {
    display:block;
    float: right;
    margin-bottom: 5px;
}

.contenu_article_galerie_img{
    display:block;
    width: 73px;
    float: left;
    border: 1px solid #cecbbc;
}

.contenu_article_galerie_upload{
    display:block;
    text-align:center;
    width: 73px;
    float: left;
    clear: left;
    height: 8px;
    margin-bottom: 5px;
}

.contenu_article_galerie_upload a{

    text-decoration:none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#58585A;
}

.contenu_article_galerie_upload_vide{
    display:block;
    width: 75px;
    height: 8px;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

.separateur_gallerie{
    background-image: url(images/actualite-separation.jpg);
    background-repeat: no-repeat;
    width: 490px;
    height: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#acces_prive{
    color:#cccccc;
    font-size:10px;
    text-decoration: none;
    float:right;
    display:block;
    width:100px;
}