/* -------------------------------------------
Copyright © Communication sans dŽtours 2006
"Modern layout" v1.0.1
Created in March 2006
----------------------------------------------*/

body {
	margin: 0px 0px 20px 0px;
	background-color: #E3E6ED;
	font-family: verdana, arial, helvetica, sans-serif;
	}

p, td, th, div, span {
    margin-top:0px;
    font-size:12px;
	}

h2 {
    margin-top:0;
    font-size:16px;
    }

a, a:visited {
    color:blue;
    text-decoration:none;
    }

a:hover {
    color:blue;
    text-decoration:underline;
    }

img {
    border:0;
    }


/*----------------------------------------*/
/* Page structure */
/*----------------------------------------*/

#wrapper {
	width: 700px;
    	height: auto;
    	background-color: white;
    	margin: auto;
	}

#sidebar {
	width: 130px;
	height:auto;
	padding-top: 20px;
	padding-left: 25px;
    padding-bottom:15px;
	float: left;
	}

#content {
	width: 500px;
	padding-top:20px;
	padding-right:25px;
	float: right;
	
	}

#footer {
	clear: both;
	padding-top:10px;
	padding-bottom:4px;
	text-align: center;
	}

.contact_details {
    font-size:13px;
    font-weight:bold;
    color: #353535;
    /*font-family: times,serif;*/
    text-align:center;
    }
    
.signature {
    font-size:12px;
    font-weight:bold;
    color: #353535;
    /*font-family: times,serif;*/
    text-align:center;
    }

/*----------------------------------------*/
/* Top of page stuff */
/*----------------------------------------*/
#banner, #name {
    text-align: left;
    width: 700px;
    margin: auto;
    }

#banner {
    height: 85px;
	padding-top:5px;
    background-image: url("../images/banner.jpg");
    background-position: bottom;
	background-repeat: no-repeat;
	border-bottom:1px solid black;
    }

/* G”te name logo stuff 
.swap inserts image;
.swap h1 hides text used for good markup / accessibility */

.swap {
    background-color: #FFFFFF;
    height: 75px;
    margin:7px 15px 0px 15px;
    padding-bottom:7px;
    background-image:url("../images/logo.gif");
    background-repeat:no-repeat;
    border-bottom:1px dotted #BEBFC1;
    }

.swap h1 {
    display:none;
    }

/*----------------------------------------*/
/* Sidebar content */
/*----------------------------------------*/
#flags {
	text-align:left;
    	margin-bottom:6px;
	}

    	#flags ul {
    	margin: 0px;
    	padding: 0px;
    	}

    	#flags li {
    	margin: 0px;
    	display:inline;
    	}

   	#flags img {
    	margin: 0px 0px 0px 2px;
    	border:0;
    	}

#navigation {
    text-align:left;
    font-size:13px;
    margin-bottom:12px;
    }
    
    #navigation ul {
	list-style:none;
    padding:0;
    margin:0;
    }
    
    #navigation li {
    margin:0px 0px 1px 0px;
    display:block;
    }
 
#credentials {
    text-align:left;
    width:auto;
    }

/*----------------------------------------*/
/* Homepage stuff */
/*----------------------------------------*/
.intro {
    font-weight:500;
    font-size:16px;
	text-align:justify;
	line-height:22px;
    text-indent:30px;
    padding-left:25px;
    padding-right:25px;
    margin:40px 0;
    }

.homepage_pics {
    text-align:center;
    margin:50px 0px;
    }

.homepage_pics img {
    margin:0px 5px 0px 5px;
    border: 1px solid black;
    } 

/*----------------------------------------*/
/* Presentation page stuff */
/*----------------------------------------*/
	
.presentation {
    text-align:justify;
	line-height:21px;
	margin-bottom:15px;
	clear:left;
	}

p .presentation {
    margin-bottom:10px;
    }

.left {
    float:left;
    margin:5px 15px 5px 0px;
    padding:3px;
    border:1px solid gray;
    }

.right {
    float:right;
    margin:5px 0px 5px 15px;
    padding:3px;
    border:1px solid gray;
    }

.photo img {
    padding:4px;
    border:1px solid gray;
    }

.descriptif {
    font-style:italic;
    margin:10px 0 10px 0;
    }

/*----------------------------------------*/
/* Tarif page stuff */
/*----------------------------------------*/

table {
	margin-bottom:30px;
	}

thead {
    	line-height:20px;
	font-weight:bold;
	border:1px solid black;
	}

tfoot {
    line-height:17px;
    font-style:italic;
    color:#660000;
   
    }

tr.even {background-color:#e6e6e6;}

thead td {
	border-bottom:1px solid black;
	}

tfoot td {
	border-bottom:1px solid #e9e9e9;
	 font-size: 90%;
	}

td {
	padding:3px 0;
	border-bottom:1px solid gray;
	}

td.td1 {
	width:250px;
	}

td.td2 {
	width:80px;
	text-align:center;
	}

td.td3 {
	width:80px;
	text-align:center;
	}

td.td4 {
	width:80px;
	text-align:center;
	}

.seasons {
    font-size: 90%;
    color:#909090;
    font-weight:600;
    }

.tarifs_comments {
	font-weight:bold;
	font-style:italic;
	line-height:18px;
	margin-bottom:30px;
	}

/*----------------------------------------*/
/* Access page stuff */
/*----------------------------------------*/

.access_map {
    border:1px solid black;
    }

.access {
    margin-bottom:7px;
    }

/*----------------------------------------*/
/* Contact page stuff */
/*----------------------------------------*/
form {
    font:100% verdana,arial,sans-serif;
    margin-bottom:45px;
    padding: 0;
    width: 434px; 
    }

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    border-color: #e6e6e6;
    border-width: 1px;
    border-style: solid;
    padding: 10px;        /* padding in fieldset support spotty in IE */
    margin: 0;
    }

form label { 
	display: block;
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
    }

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 120px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 80%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.address {
    margin-bottom:15px;
    }

.extra {
	width:414px;
	margin:20px 0 20px 1px;
	padding:15px 10px;
	text-align:center;
	border:1px solid #e6e6e6;
	}

/*----------------------------------------*/
/* Guestbook page stuff */
/*----------------------------------------*/

#guestbook th {
	font-size: 11px;
	text-align: right;
	width: auto}
	
#guestbook td {
	border: none}
	
#guestbook em {
	font-size: 11px;
	font-weight: bold}
	
#guestbook h3 {
	margin-top: 50px}