reset */
*

{
margin: 0;
padding: 0;
}



/* render html5 elements as block */


header, footer, section, aside, nav, article
{
display: block;
}



body 
{
line-height: 1;

background: url('images/fond.jpg')
;
background-attachment:fixed;
font-family: Garamond, Georgia, Times, 'Times New Roman', serif;

color: #643219;

font-size: 1.0em;

line-height: 18px;
}
	

/* layout */



#wrapper 
{
width: 1200px;

margin: 0 auto;

margin-top: 5px;

margin-bottom: 5px;


}



nav 
{
width: 1200px;

height: 50px;

margin: 0 auto;

background-color: rgba(100,50,25,0.8);

border-radius: 10px;

}



header 
{
width: 1200px;

height: 150px;

line-height: 0px;
}



#main 
{
width: 1200px;

margin: 0 auto;

padding-top: 20px;

background-color: rgba(242,200,184,0.9);

overflow: hidden;

border: 5px solid #643219;
border-radius: 10px;
}



#content 
{
float: left;

width: 1100px;

margin-left: 40px;
text-align:left;
}

#gallerie 
{float: left;

width: 700px;

margin-left: 40px;
text-align:center;
}

iframe
{width: 400px;
    height: 478px;
    scrolling: no;
    border:none;
margin:auto;
}



.vimeo
{width: 640px;
    height: 360px;
    scrolling: no;
    border:none;
margin:auto;}



#sidebar1 
{
float: left;

padding-left: 20px;

width: 180px;
}



#sidebar2 
{
float: right;

padding-right: 30px;

width: 180px;
}

footer 
{
width: 1200px;

margin: 0 auto;
background-color: rgba(100,50,25,0.8);


border-radius: 10px;}



/* basics */



@font-face 
{
font-family: 'TangerineRegular';
src: url('Tangerine_Regular-webfont.eot');

src: local('☺'), url('Tangerine_Regular-webfont.woff') format('woff'), url('Tangerine_Regular-webfont.ttf') format('truetype'), url('Tangerine_Regular-webfont.svg#webfontGpn5Zlw8') format('svg');

font-weight: normal;
font-style: normal;
}



h1,h2,h3,h4,h5,h6
{
font-weight: bold;
clear: both;

color: black;
}




a:link, a:visited
{
color:#914271;

text-decoration: none;
}



a:hover, a:active 
{
color: #914271;

text-decoration: underline;
}



p
 {
margin-bottom: 18px;
}



li
 {
padding-left: 5px;
}



/* nav */



nav .menu 
{
font-size: 14px;

font-weight: bold;

}



nav .menu ul 
{
margin: 0;
padding: 17px 0 0 20px;

list-style: none;

line-height: normal;
text-align: center;
}



nav .menu li
 {
display: inline-block;
    margin-right: 15px;
text-align: center;
}



nav .menu a 
{
display: block;

float: left;

margin-right: 5px;

padding: 0px 15px;

text-decoration: none;

color: #f2c8b8;
text-align: center;
}



nav .menu a:hover 
{
text-decoration: underline;
}



/** HEADER */



header h1
 {
padding-top: 10px;

line-height: 0px;
}



header h1
 { 
text-align: center;

font-family: 'TangerineRegular', Garamond, Georgia, Times, 'Times New Roman', serif;

font-size: 60px;

text-shadow: 3px 3px 5px white;}



header h3
 { 
text-align: center;

font-family: 'TangerineRegular', Garamond, Georgia, Times, 'Times New Roman', serif;
font-size: 50px;

color: black;
text-shadow: 2px 2px 4px white;
line-height: 0px;}






/** ARTICLES **/



article 
{
margin-left: 15px;
}



article img 
{
border: 5px solid #643219;

border-radius: 5px;
}



article .lierre 
{clear: both;

border: none;

display:block;
margin-left: auto;

margin-right: auto;}




#content p, ul, ol, hr
 {
margin-bottom: 24px;
}



#content ul ul, ol ol, ul ol, ol ul
 {
margin-bottom: 0;
}


#content h2 
{
color: #643219;

line-height: 1.3em;

font-size: 2.0em;
text-align: center;
}



#content h1, h3, h4, h5, h6 
{
color: #643219;

margin: 0 0 20px 0;

line-height: 1.5em;

font-size: 1.3em;
text-align: center;
}

table
{
    border-collapse: collapse;
margin: auto;
text-align: center;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
}

#chambre td
{border : none;
    
margin: auto;
text-align: center;

}


.calendar
{
    
display: inline-block;
float: left;
margin-left: 40px;

}

.loisirs
{
    
display: inline-block;
float: left;
margin-left: 10px;

}

.loisirs td, .loisirs th /* Ne pas mettre de bordures */
{
    border: none;
}

.mois
{background-color: #cd9ac5;}

.places
{background-color: #d82bbd;}

.reservations
{background-color: #cd9ac5;}

.hautesaison
{background-color: #d82bbd;}

.bassesaison
{background-color: #f9a1eb;}

.moyennesaison
{background-color: #cd9ac5;}

.complet
{background-color: #b024f1;}



.alignleft, img.alignleft
 {
display: inline;

float: left;

margin-right: 10px;

margin-top: 4px;
}



.alignright, img.alignright
 {
display: inline;

float: right;

margin-left: 10px;

margin-top: 4px;
margin-right: 10px
}



.aligncenter, img.aligncenter
 {
clear: both;

display: block;

margin-left: auto;

margin-right: auto;
margin-bottom: 4px;
}



.actualite
{
    width: 1200px;
        border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #643219;
    font-size: 0.9em;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    text-align: left;
    
}

.actualite h1, h2
{
    font-family: Dayrom, serif;
    font-weight: normal;
    text-transform: uppercase;
}


/* sidebar and footer widget blocks */


.asidebox 
{
width: 180px;


background-color: #f2c8b8;
border: 5px solid #dcd1b3;

margin-bottom: 30px;
text-align:center;
}



aside p 
{color: #643219;


}

aside h3 
{
font-size: 1.1em;

padding-left: 10px;

margin-bottom: 25px;

color: #643219;

border-bottom: 1px #dcd1b3 dotted;
}



aside ul 
{
list-style: none;

margin-bottom: 20px;

margin-top: -15px;

padding-left: 10px;
}



#footer-area 
{background-color: rgba(100,50,25,0.8);

font-size: 90%;

padding: 18px 0;
overflow: hidden;
border-radius: 10px;
}



.footer-segment
{
float: left;
margin-right: 20px;

margin-left: 20px;

width: 300px;
}




.footer-coord
{
float: left;
margin-right: 20px;

margin-left: 20px;

width: 450px;
}



footer aside h4 
{
font-size: 16px;

line-height: 1.5em;
color: #f2c8b8;

}



footer a:link, footer a:visited 
{
color: #914271;
}

footer a:hover
 { 
text-decoration: underline; 
}



footer p 
{
margin-top: -15px;

color: #f2c8b8;
}


label
{display: block;
  width: 150px;
 float: left;
}