@charset "utf-8";
/* CSS Document */
body {background-color:#808000;
}
 
.banniere{
		/*border-radius: 15px 15px 0px 0px ;*/
       -moz-border-radius: 15px 15px 0px 0px;
	  /* border:2px solid;*/
		width: 100%;
		background-color:#C2B280 ;
	
 		     }
#msgDef{color:#5A3A22;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#contour { background-color:#C2B280 ;}
#liens{
	border:none;
}
#pVert{
	color:#808000;
	font-weight:bold;
	font-size:16px;
	text-decoration:underline;
}
#tableau_tarif{
	border:1px solid #5A3A22;
	 
}
#tableau_tarifDiag{
	border:1px solid #5A3A22;
  background: linear-gradient(to top right, #F5F5DC calc(50% - 1px), #5A3A22, #F5F5DC calc(50% + 1px));
	 
}

#page{color:#5A3A22;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;}
#TitreFeuille {font-size:22px;
color:#808000;
font-weight:bold;
padding:10px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
 border:1px solid #808000;
 background-color:#F5F5DC;
}
	/* formulaire contact */
#titreBT {font-style:italic;
font-size:14px}
fieldset {
 padding:20px;
 margin-bottom:10px;
  border-bottom-color:#5A3A22;
  border-left-color:#5A3A22;
  border-right-color:#5A3A22;
  border-top-color:#5A3A22;
 }
  #marge TD  {padding: 0.8em ;}
 
#lettrine:first-letter{font-size:40px;  }
  
  legend {
 color:#5A3A22;
 font-size:14px;

 font-weight:bold
 }
 #description{background-image:url(../images/terrasse-gite-olivier-france-eclairci.jpg);
 background-repeat:no-repeat;
 background-position:center;
 }
  #tarifP{background-image:url(../images/salon-gite-lens-arras-eclairci.jpg);
 background-repeat:no-repeat;
 background-position:center;
 vertical-align:top;
 }/*frise_olivier.jpg*/
 #frise{background-image:url(../images/logo_gite_olivier_frise.jpg);
 background-repeat:repeat-x;
 }
 #leg_photo{
	 font-size:12px;
	 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	  
 }
input {
 border:1px solid black;
 background-color:#F5F5DC;
 }
 textarea {
 border:1px solid black;
 background-color:#F5F5DC;
 }
input[type=submit] {
 border:3px outset inset #000;
 border-bottom-color:#000;
 border-left-color:#000;
 border-top-color:#000;
 border-right-color:#000;
 font-weight:bold;
 cursor:pointer;
 }
input[type=submit]:hover {
 border:2px outset #000;
 background-color:white;
 }
input[type=submit]:active {
 border:2px inset #000;
 background-color:#5A3A22;
 color:white;
 } 
*:focus {
 background-color:white;
 }

/* fin formulaire contact */
.basPage {-moz-border-radius:0px 0px 15px 15px;
			font-size:14px;
			text-align:center;
			color:#5A3A22;
			 background-color:#C2B280; 
			 padding: 10px 8px;
             border-radius: 0 0 15px 15px;
			 }
.basPage a {font-size:14px;
			text-align:center;
			text-decoration:none;
			color:#5A3A22;
			 }
#liens a{ 
			text-align:center;
			text-decoration:none;
			font-weight:bold;
			color:#5A3A22;}
#plan-site a{ 
			text-decoration:none;
			font-size:16px;
			font-weight:bold;
			color:#5A3A22;}
#admin a	{color:#C2B280}
 /* menu */
 #navlist
{
color: #000;
font-weight:bold;
background: #C2B280;
border-bottom: 0.2em solid #C2B280;
border-right: 0.2em solid #C2B280;
padding: 0 1px;
margin-left: 0;
margin:0;
margin-top:0;
width: 190px;
font:  0.9em "Palatino Linotype", "Book Antiqua", Palatino, serif;

}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
font-weight:bold;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: #5A3A22;
background:#808000;
border-width: 1px;
border-style: solid;
border-color: #5A3A22 #5A3A22 #5A3A22 #5A3A22;
border-left: 1em solid #5A3A22;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current {
	background: #5A3A22;
border-color: #808000 #808000 #808000 #808000;
padding: 0.4em 0.35em 0.25em 0.9em;
color:#fff;
	}

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #5A3A22;
border-color: #808000 #808000 #808000  #808000;
padding: 0.4em 0.35em 0.25em 0.9em;
color:#fff;
}

#navlist a:active, #navlist a#current:active
{
background: #5A3A22;
border-color: #808000 #808000 #808000  	 #808000;
padding: 0.4em 0.35em 0.25em 0.9em;
}

 /*fiin de menu */

/* =========================================================
   Accueil : évolution légère
   Le design historique est conservé.
   ========================================================= */

.site-wrapper {
    width: 98%;
    max-width: 1250px;
    margin: 0 auto;
}

.banniere {
    display: grid;
    grid-template-columns: 295px minmax(0, 1fr) 150px;
    grid-template-rows: auto auto;
    align-items: center;
    width: 100%;
    min-height: 203px;
    box-sizing: border-box;
    background-color: #C2B280;
}

.banniere-photo {
    grid-row: 1 / span 2;
    text-align: center;
}

.banniere-photo img {
    width: 270px;
    max-width: 100%;
    height: auto;
}

.banniere-logo {
    text-align: center;
}

.banniere-logo img {
    width: 300px;
    max-width: 90%;
    height: auto;
}

.banniere-label {
    text-align: center;
}

.banniere-label img {
    display: block;
    margin: 4px auto;
    max-width: 100%;
    height: auto;
}

.msgDef {
    grid-column: 2 / 4;
    padding: 7px 10px;
    text-align: center;
    color: #5A3A22;
    font-weight: bold;
}

.content-layout {
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);
    background-color: #FFFFFF;
}

#navcontainer {
    box-sizing: border-box;
    background-color: #C2B280;
    padding-bottom: 10px;
}

#page {
    min-width: 0;
    background-color: #F5F5DC;
}

.home-inner {
    width: 95%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 12px 0 20px;
}

.accueil-principal {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}

.accueil-photo {
    text-align: center;
}

.accueil-photo img {
    width: 240px;
    max-width: 100%;
    height: auto;
}

.accueil-texte {
    text-align: center;
}

.accueil-texte h1 {
    margin: 0 0 10px;
    padding: 8px 12px;
    background-color: #808000;
    color: #FFFFFF;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 27px;
}

.accueil-texte .sous-titre {
    margin: 8px 0 12px;
    color: #5A3A22;
    font-size: 20px;
    font-weight: bold;
}

.accueil-texte p:last-child {
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
}

.frise-home {
    display: flex;
    justify-content: center;
    margin: 12px 0;
}

.frise-home img {
    max-width: 50%;
    height: 50px;
}

.accueil-localisation,
.accueil-gites {
    width: 90%;
    margin: 12px auto;
    text-align: center;
}

.accueil-localisation h2,
.accueil-gites h2 {
    margin: 0 0 8px;
    padding: 6px 10px;
    background-color: #808000;
    color: #FFFFFF;
    font-size: 20px;
}

.accueil-localisation p {
    margin: 5px 0;
    line-height: 1.5;
    font-size: 16px;
}

.accueil-gites {
    padding: 8px 0;
    border-top: 1px solid #C2B280;
    border-bottom: 1px solid #C2B280;
}

.liste-gites {
    margin: 7px 0 4px;
    font-size: 17px;
    font-weight: bold;
}

.liste-gites span {
    margin: 0 7px;
    color: #808000;
}

.liste-gites a {
    color: #5A3A22;
}

.capacites {
    margin: 4px 0;
    font-size: 14px;
}

.table-actualites {
    width: 90%;
    margin: 15px auto;
    border-collapse: separate;
    border-spacing: 0;
}

.titre-actualite {
    margin: 0;
    padding: 5px;
    color: #FFFFFF;
    font-size: 20px;
}

.texte-actualite {
    margin: 0;
    padding: 7px 10px;
    color: #FFFFFF;
    font-size: 16px;
}

.photo-bas-accueil {
    text-align: center;
    margin: 15px 0 0;
}

.photo-bas-accueil img {
    width: 320px;
    max-width: 100%;
    height: auto;
}

@media (max-width: 800px) {
    .site-wrapper {
        width: 100%;
    }

    .banniere {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        padding: 8px;
    }

    .banniere-photo {
        grid-row: auto;
    }

    .banniere-photo img {
        width: 230px;
    }

    .banniere-logo img {
        width: 270px;
    }

    .msgDef {
        grid-column: auto;
    }

    .content-layout {
        grid-template-columns: 1fr;
    }

    #navcontainer {
        padding: 5px 10px;
    }

    #navlist {
        width: 100%;
    }

    #navlist a {
        width: 100%;
    }

    .home-inner {
        width: 94%;
    }

    .accueil-principal {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .accueil-texte h1 {
        font-size: 24px;
    }

    .accueil-texte .sous-titre {
        font-size: 18px;
    }

    .accueil-localisation,
    .accueil-gites {
        width: 96%;
    }
}


/* =========================================================
   Nouveau menu - style sobre et élégant
   ========================================================= */

#navcontainer {
    background-color: #C2B280;
    padding: 12px 10px 18px;
    box-sizing: border-box;
}

/* Petit titre du menu */
.menu-titre {
    text-align: center;
    color: #5A3A22;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(90,58,34,0.35);
}

/* Liste */
#navlist {
    width: 100%;
    padding: 0;
    margin: 5px 0 0;
    background: transparent;
    border: 0;
}

/* Suppression du style ancien */
#navlist li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Titres de catégories */
#navlist li.menu-section {
    margin: 14px 5px 5px;
    padding: 5px 4px 4px;
    color: #5A3A22;
    background: transparent;
    border-bottom: 1px solid rgba(90,58,34,0.3);
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

/* Liens */
#navlist li:not(.menu-section) a,
#navlist a {
    display: block;
    width: 100%;
    box-sizing: border-box;

    margin: 2px 0;
    padding: 8px 10px;

    background: transparent;
    border: 0;
    border-left: 3px solid transparent;

    color: #5A3A22;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 15px;
    font-weight: normal;

    text-decoration: none;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        padding-left 0.2s ease;
}

/* Survol */
#navlist li:not(.menu-section) a:hover {
    background-color: #808000;
    border-left-color: #5A3A22;
    color: #FFFFFF;
    padding-left: 14px;
}

/* Page actuelle */
#navlist li:not(.menu-section) a#current {
    background-color: #5A3A22;
    border-left-color: #808000;
    color: #FFFFFF;

    padding: 9px 10px;
    font-weight: bold;
}

/* Survol de la page actuelle */
#navlist li:not(.menu-section) a#current:hover {
    background-color: #5A3A22;
    border-left-color: #808000;
    color: #FFFFFF;
    padding-left: 14px;
}

/* Petit bloc localisation */
.menu-localisation {
    margin: 18px 4px 0;
    padding: 12px 8px;

    border-top: 1px solid rgba(90,58,34,0.35);

    color: #5A3A22;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
}

.menu-localisation strong {
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
}

.menu-localisation span {
    display: block;
}


/* =========================================================
   Version mobile
   ========================================================= */

@media (max-width: 800px) {

    #navcontainer {
        padding: 8px 10px;
    }

    .menu-titre {
        display: none;
    }

    #navlist {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
    }

    #navlist li.menu-section {
        display: none;
    }

    #navlist li:not(.menu-section) {
        flex: 0 1 auto;
    }

    #navlist li:not(.menu-section) a,
    #navlist a {
        width: auto;
        margin: 2px;
        padding: 7px 10px;
        border-left: 0;
        border-bottom: 3px solid transparent;
        font-size: 14px;
    }

    #navlist li:not(.menu-section) a:hover {
        padding-left: 10px;
        border-bottom-color: #5A3A22;
    }

    #navlist li:not(.menu-section) a#current {
        padding: 7px 10px;
        border-bottom-color: #808000;
    }

    .menu-localisation {
        display: none;
    }
}

/* ===== Description : charte accueil + tarifs ===== 
.page-interieur{width:94%;max-width:1050px;margin:auto;padding:15px 0 25px;color:#5A3A22;}
.titre-page{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 auto 8px;padding:8px 12px;background:#F5F5DC;border:1px solid #808000;text-align:center;}
.titre-page h1,.titre-page h2{margin:0;color:#808000;font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;font-size:24px;}
.titre-decoration{color:#5A3A22;font-size:25px;}
.sous-titre-page{margin-bottom:18px;padding:7px 10px;background:#808000;color:#fff;text-align:center;font-weight:bold;font-size:16px;}
.bloc-introduction{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:center;margin-bottom:18px;}
.bloc-intro-photo{text-align:center}.bloc-intro-photo img{width:240px;max-width:100%;height:auto;}
.bloc-intro-texte{text-align:center;line-height:1.55}.bloc-intro-texte h2,.encadre-gite h2,.detail-colonne h2,.equipement-bloc h2{margin:0 0 8px;color:#808000;font-size:20px;}
.bloc-intro-texte p{margin:8px 0;}
.encadre-gite{margin:15px 0;padding:14px 20px;background:#C2B280;border-left:5px solid #5A3A22;text-align:center;line-height:1.55;}
.encadre-gite h2{color:#5A3A22;}
.details-gite,.equipements{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;}
.detail-colonne,.equipement-bloc{padding:15px 18px;background:#F5F5DC;border:1px solid #C2B280;}
.detail-colonne h2,.equipement-bloc h2{padding-bottom:7px;border-bottom:1px solid #C2B280;text-align:center;}
.detail-colonne li{margin-bottom:7px;line-height:1.45}.equipement-bloc p{line-height:1.5;}
.restrictions-gite{display:flex;justify-content:center;gap:35px;margin:20px 0;padding:10px;text-align:center;}
.restrictions-gite div{display:flex;align-items:center;gap:8px}.restrictions-gite img{width:30px;height:29px;object-fit:contain;}
.frise-page{height:50px;margin:20px 0;background:url(../images/logo_gite_olivier_frise.jpg) repeat-x center;}
.titre-page-small h2{font-size:21px}.proximite ul{width:90%;margin:0 auto;line-height:1.5;}
.proximite li{margin-bottom:7px}.avis-gdf{text-align:center;margin:20px 0 5px;}
.avis-gdf a{display:inline-block;padding:9px 18px;background:#5A3A22;color:#fff;border-radius:4px;text-decoration:none;font-weight:bold;}
.avis-gdf a:hover{background:#808000;}
@media(max-width:800px){.page-interieur{width:94%;}.bloc-introduction,.details-gite,.equipements{grid-template-columns:1fr;}.titre-decoration{display:none;}.titre-page h1,.titre-page h2{font-size:21px;}.restrictions-gite{flex-direction:column;align-items:center;gap:10px;}}
/* ===== FIN Description : charte accueil + tarifs ===== */

@media (max-width: 480px) {
    .accueil-texte h1 {
        font-size: 21px;
    }

    .liste-gites {
        line-height: 1.8;
    }

    .liste-gites span {
        margin: 0 3px;
    }
}