html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#cafeb6; color:#000; text-decoration:none; } mark { background-color:#cafeb6; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table {  border-spacing:0; }/*border-collapse:collapse; cellspacing="0"*/ hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } 
/*css2.1+3 gitepateve style par GN*/
html{overflow-y: scroll;}body{min-width:980px;background:#cafeb6 url(bg.jpg) repeat-x fixed left bottom;font-family:'lucida sans unicode', verdana, arial, sans-serif;color:#16541a;cursor:default;}
/*common*/

a:link,a:visited,a:active,a:focus{
border:none;outline:none;
}
a:hover {
-webkit-transition-property: color;
-webkit-transition-duration: .5s;
-moz-transition-property: color;
-moz-transition-duration: .5s;
-o-transform: color;
-o-transition-duration: .5s;
}
#nav a:hover, a.top:hover {
-moz-transition: background 0.5s ease-out;  /* FF 3.7+ */
-o-transition: background 0.5s ease-out;  /* Opera 10.5 */
-webkit-transition: background 0.5s ease-out;  /* Saf 3.2+, Chrome */
transition: background 0.5s ease-out; }

a{color:#16541a;}
a:hover{color:black;text-decoration:none;}

p{text-align:justify;font-size:inherit;line-height:1.5em;padding-bottom:.5em;}
em{font-weight:bold;} 
strong{font-weight:normal;}
h1,h2,h3,h4,h5,h6,br{font-size:inherit;line-height:1;} 
h1,h2,h3,h4,h5,h6{font-family:'lucida grande','times new roman',serif;text-transform:uppercase;}
h1,h2,h3,#rub,.rub,#footer,.blan,.vide,.vert,.jaun,.roug,.bleu,.images,p.imageslegendes{clear:left;text-align:center}
h1,h2,#rub,.rub{font-family:'comic sans ms', arial, sans-serif}
h1,h3{font-weight:bold}
#rub strong,
.col strong:first-child,
.amis strong:first-child,
.amis2 strong:first-child{font-weight:bold;}
.amis strong:first-child,
.amis2 strong:first-child{display:block;
}
/*site*/
a#haut{text-decoration:none;}
#entete{background:#eaf6fe;width:100%;height:110px !important;height:110px;} 
#entete1{width:308px;background:url(fond.gif) no-repeat left bottom;} 
#entete2{width:40%;text-align:center;vertical-align:middle;} 
#entete3{width:188px;text-align:right;padding-right:30px;vertical-align:middle;} 
#site{width:100%;margin-top:0;} 
#left{background:url(fond2.gif) no-repeat 0% 0%;width:173px;vertical-align:top;}
#center{background:#e8ffe0 url(bgm.jpg) no-repeat right top;cursor:default;vertical-align:top;text-align:center;margin-left:2.5%;margin-right:2.5%;padding-left:2.5em;padding-right:2.5em;border:2px solid #a0be93;}
#center{
border-bottom-left-radius:.5em;
border-bottom-right-radius:.5em;
-webkit-box-shadow: 0 2px 2px #16541a;
box-shadow: 0 2px 2px #16541a;
}
#center {border-bottom:2px solid #16541a\9/*ie*/}/*ie6-8*/
#right,#aside{width:138px;vertical-align:top;background:url(meuh.gif) no-repeat center top;font-weight:normal;text-align:center;font-size:0.6em;line-height:1;color:#16541a;} 
#right a,#aside a{text-decoration:none;} 
#right a:hover,#aside a:hover{text-decoration:underline;}

/*nav a avant car style sur lien*/
#rub,
.rub{
background:url(menu.gif) no-repeat;display:block;border:none;outline:none;text-decoration:none;margin-left:5px;margin-top:-1px;width:164px;height:11px;padding-top:14px;padding-bottom:15px;}
a#rub{
background-position: 0 -80px;
color:white;
cursor:default;}
a.rub{
background-position: 0 0;
color:#16541a;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
a.rub:hover {
background-position: 0 -40px;
-webkit-transform: rotate(1deg);
-webkit-transition: -webkit-transform .5s;
-moz-transform: rotate(1deg); 
-moz-transition: -moz-transform .5s;
-o-transform: rotate(1deg);
-o-transition-duration: 1s;
transform: rotate(1deg);
transition: transform .5s;
}

h1{
color:#578a24;
vertical-align:middle;
font-size:1.5em;
word-wrap: break-word;
text-shadow: 0px 3px 1px #a5d9fe;
}
h2{
color:#a0be93;
font-style:italic;
font-weight:normal;
line-height:1;
font-size:1.1em;
display:block;
margin-top:1em;padding-bottom:.5em;
text-shadow: 0px 3px 1px #ffffff;
}
h3{
background:#cafeb6 url(gradient.png) repeat-x 0 0;
margin: 0;
border-radius: .5em;
color:#355416;
clear:both;
padding-top:1em;
padding-bottom:1em;
line-height:2em;
border-top:1px dotted #baccb4;
width:100%;
font-size:1.2em;
letter-spacing:1px;
line-height: 1;
vertical-align:top;
text-shadow: 0 3px 3px #cafeb6;
}
h4{
background:#e8ffe0 url(gradientr.png) repeat-x top center;
margin: 0;
border-radius: .5em;
color:#355416;
clear:both;
margin-top: 0.5em;
padding-top:.9em;
padding-bottom:.9em;
line-height:.9em;
width:100%;
font-size:.9em;
height: 1.8em;
vertical-align:top;
text-shadow: 0 1px 1px #cafeb6;
}


/*lienutile*/
.utile {clear:both;display:block;color:#578a24;line-height:2;padding:.75em 3em 0 3em;font-family:'courier new',courier,serif;font-weight:normal;font-style:italic;font-size:.8em}
.utile p{text-align:center;padding-bottom:1em;}
.utile span{font-size:1.4em }
.utile img{margin-left:.75em;margin-right:.75em;vertical-align:middle;}
.utile a{color:#578a24;text-decoration:none;border:none;outline:none;}
.utile a:hover{color:black;text-decoration:underline;}


/*hautpage*/
.top{
float:right;width:auto;display:block;text-align:center;margin-right:-.5em;margin-bottom:1.5em;margin-top:-1.5em;text-decoration:none;color:#a0be93;text-transform:uppercase;font-size:.7em;
padding-top:8px;
height:8px;
background:url(top.gif)no-repeat;
background-position:50% 1px;
padding-bottom:2px;
} 
a.top:hover {
background-position:50% -17px;
color:#578a24;}

/*footer*/
#footer{color:#16541a;margin-top:1.5em;margin-bottom:1.5em;}
#footer #nav-footer{font-size:0.7em;line-height:1.5;}
#footer #info-footer{font-size:0.8em;margin-top:1.5em;text-shadow: 0 1px 0 #cafeb6;}
#footer #nav-footer a,
#footer #info-footer a{color:#16541a;text-decoration:none;}
#footer #nav-footer a:hover,
#footer #info-footer a:hover{color:black;text-decoration:underline;}
#footer #info-footer span{font-size:120%;padding-right:1px;}


/*aside*/
.meteo{font-size:0.6em;text-align:center;margin-left:0 auto;margin-top:0.5em;color:#cafeb6;}
.meteo a,
.meteo a:hover{font-size:1em;color:#cafeb6;}
.meteo img{margin-top:-40px;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;}

.search{
z-index:10;position:relative;float:right;padding:.2em;margin-right:-1.5em;margin-top:-1em;display:block;background: #f6fff2\9;border-bottom: solid 1px #baccb4\9;/*ie*/
background:rgba(255,255,255,0.5);box-shadow: #baccb4 0px 1px 1px;-webkit-box-shadow: #baccb4 0px 1px 1px;}
.voiture{background:url(/liens/location-voiture-btn120x50.gif) no-repeat;color:#fff;height:17px;width:98px;display:block;padding:28px 10px 5px 12px;margin:9px;margin-left:8px;margin-top:5px;font-size:11px;}
.voiture a{color:#fff;text-decoration:none;}
.spc{background:url(meuhspc.gif) no-repeat;height:1px;width:98px;display:block;margin-left:20px;margin-right:20px;}
.city1{background-color:#fcfcfc;font-size:9px;padding:4px 2px 2px 2px;border-style:solid;border-width:1px;border-color:#37398d}
.city2{color:#000000;font-family:serif}
.city3{color:#ff0000;font-family:sans-serif;font-weight:bold}
.city4{color:#37398d;font-family:serif}

/*planning*/
.tarifs{
text-align:center;width:100%;
}.blan,.vide,.vert,.jaun,.roug,.bleu{color:#fff;vertical-align:middle;font-size:inherit;font-weight:bold;text-transform:uppercase;padding:0.1em;margin:1px;}
.blan{ background:white;color:#000;font-size:0.7em;}
.bleu{ background:#737373;}
.jaun{ background:#d1bc36;}
.roug{ background:#ad2d2d;}
.vert{ background:#e6804d;}
.vide{ background:none;}
.planning{
border-width:0;width:100%;
}
/*inscription*/
.mini{ font-size:0.7em;}
/*brocante et annonces gites*/
.pagauche+p strong:first-child,
.padroite+p strong:first-child
{
font-weight:bold;display:inline-block;text-align:left;text-transform:uppercase
}
.pagauche span,
.padroite span{
color:#ff7f7f;font-weight:bold;
}
.pagauche+p,
.padroite+p
{
padding:1%;width:auto;margin-bottom:.75em;
text-align:left;
font-size:.9em;
/*ie*/

border-bottom: solid 1px #baccb4;
/*recent*/
-webkit-box-shadow: #baccb4 0px 2px 2px;
box-shadow: #baccb4 0px 2px 2px;
background:rgba(255,255,255,0.5);
}
.pagauche+p{
clear:right;
background: #fff;
}
.padroite+p{
clear:left;
background: #f6fff2;
}

.article,
.article2{
display:block;
float:left;
width:100%;
padding-bottom:0.5em;font-size:95%;clear:both;
}

.gauche,
.droite{display:inline-block;width:49%;float:left;}
.gauche{margin-right:1%;}
.droite{margin-left:1%;}

.col {text-align:left;padding-bottom:1em;border:1px solid transparent;}
.col:hover {
text-decoration:none;
border: 1px solid #cafeb6;
*background: #f4fff0;
font-style:bold\9;

} 
.col:hover {
border-radius: 8px;
background:#cafeb6 url(gradient.png) repeat-x 0 0;
}
.col:active,.col:focus{
text-decoration:none;background: #c6ecbd;border: 1px solid #696;border-bottom: 2px solid #696\9;}
.col:active,.col:focus{
-webkit-box-shadow: #333 0px 1px 1px;
box-shadow: #333 0px 1px 1px;}
.col,.col a:link,.col a:visited{text-decoration:none;}


/*	IMAGES	*/

.clear{clear:both;}

img{
border:0;color:#fefefe;
/*ie6-8*/min-width:auto\9;-ms-interpolation-mode: bicubic\9;
}

.image,.pagauche,.intro{float:left;display:block;margin:0 1em 0.5em 0;}
.imagedroite,.padroite,.introdroite{float:right;display:block;margin:0 0 0.5em 1em;}

.intro{-moz-transform: rotate(-.5deg);-webkit-transform: rotate(-.5deg);transform: rotate(-.5deg);-o-transform: rotate(-.5deg);margin:0 0 0.5em -1em !important;}
.introdroite{-moz-transform: rotate(.5deg);-webkit-transform: rotate(.5deg);transform: rotate(.5deg);-o-transform: rotate(.5deg);margin:0 -1em 0.5em 0 !important;}
.image,.pagauche{-moz-transform: rotate(-.3deg);-webkit-transform: rotate(-.3deg);transform: rotate(-.3deg);-o-transform: rotate(-.3deg);}
.imagedroite,.padroite{-moz-transform: rotate(.3deg);-webkit-transform: rotate(.3deg);transform: rotate(.3deg);-o-transform: rotate(.3deg);}

.img,
.image,.imagedroite,
.pagauche,.intro,
.padroite,.introdroite
{
padding:0.5em;
background:#f2f2f2 url(gradient.png) repeat-x 0 0;
/*ombre*/
	/*ie6-8*/
border-top:1px dotted #a0be93\9;
border-left:1px solid #a0be93\9;
border-right:1px solid #a0be93\9;
border-bottom:2px solid #a0be93\9;
	/*recent*/
-webkit-box-shadow: 0 2px 3px #666;
box-shadow: 0 2px 3px #666;
}
.intro img,.introdroite img,.padroite img,.pagauche img,
.image img,.imagedroite img{
margin-bottom:0.5em;padding-bottom:0.5em;}

.intro p,.introdroite p,
.pagauche p,.padroite p,
.image p,.imagedroite p{
display:block;text-align:center;font-size:.9em;font-style:italic;margin-top:-2em;line-height:.9em;padding-top:1.5em;color:#16541a;
}
@media (max-width:1024px)  {
html{ 
overflow-y: scroll;min-width:auto;
}
body {
font-size: 90% !important;
}
#center{
margin-left:1em;margin-right:1em;padding-left:1em;padding-right:1em;
}
}
@media (max-width:680px)  {
body {
font-size: 90% !important;
}
#center{
margin-left:1em;margin-right:1em;padding-left:1em;padding-right:1em;
}
}
@media (max-width: 640px) {
body {
font-size: 80% !important;
}
#center{
margin-left:1em;margin-right:1em;padding-left:1em;padding-right:1em;}
}
@media (max-width:640px) and (orientation:landscape)  {
body {
font-size: 80% !important;
}
#center{
margin-left:1em;margin-right:1em;padding-left:1em;padding-right:1em;
}
}