/**
 * CSS home-touch.fr
 * @author : Mediaclass / Vacances Concept
 * @copyright : Mediaclass / Vacances Concept 2009
 * @url : http://mediaclass.fr
 */

body {
	background: url('images/bg_body.png') repeat-x #E8F8FF;
  	color: #666;
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
}
body, p { margin: 0; padding: 0;}
#header {height:249px;overflow:hidden;margin-bottom:20px;}
#header img {float:left;}
#header p {clear:left;margin:0;padding:0;position:relative;top:-24px; left:80px;}

#site, #footer {width:1000px;margin:0 auto;}
#site {background:#fff;}
td {vertical-align:top;}

img {border:none;}
a {text-decoration:none;}
.page{text-align:left;}

/* Home Page */

#home {clear:both;}

#home .block {
	float:left;
	width:365px;
	margin-left:35px;
}

#home h1 {float:left;font-size: 16px; margin:14px 0 14px 110px;padding:0;color:#333;}

#home .block p.title {
	background:url('images/home_block.png') top left no-repeat #EFEFEF;
	font-size:14px; text-align:left;padding:10px 10px 8px 15px;
}
#home .block p.title a {color: #666;}
#home .block p.title a:hover {text-decoration:underline;}
#home .block p.title span { font-size:18px;color : #333; }
#home .block div.content {border:1px solid #ccc;border-top-width:14px;text-align:left;}
#home .block div.content div.links {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin: 15px 5px 0 5px;}
#home .block div.content div.links a {display:block;width:163px;height:29px;float: left; line-height:29px;text-align:center;color:white;margin:10px 0 10px 2px;}
#home .block div.content div.links a.orange {background:url('images/btn_orange.png') top left no-repeat;}
#home .block div.content div.links a.vert {background:url('images/btn_vert.png') top left no-repeat;}
#home .block div.content div.examples {clear:left;margin: 10px auto;}
#home .block div.content div.examples a {float: left; margin-left:5px;padding:1px;}
#home .block div.content div.examples img { border:1px solid #ccc;padding:2px;}
#home .block div.content div.examples strong {color:#000;margin: 4px 0 10px 8px;}

#home .block div.content ul, div.entry ul {margin:10px 10px 10px 4px;border-left:15px solid #F4FADA;}
#home .block div.content ul ul {border:none;padding:0;}
div.entry ul {border:none;}
#home .block div.content > ul > li, div.entry > ul > li {font-weight:bold;padding-left:15px;color:#000;}
#home .block div.content > ul > li > ul > li, div.entry > ul > li > ul > li {font-weight:normal;color:#666;list-style-type:disc;margin:4px 0 4px 30px;}

#home .block div.content h2, div.entry h2 {font-family:'Trebuchet MS';font-size:17px;margin:0 0 -32px 0;padding:14px 10px 8px 10px;display:block;width:344px;background:url('images/bg_header_block_content.png') repeat-x;color:white;height:80px;font-weight:normal;}

/* Nav */
#navigation {float:left;width: 210px;text-align:center;}


#content {float:left;width:790px;text-align:center;}


#footer {clear:both;background:#333;padding:20px 0;color:#ccc;margin-top:30px;}

/* Page */

div.page {
	width: 767px;
	min-height:600px;
	height:auto !important;
	margin : 20px auto 0 auto;
}

div.page .top, .page .bottom {
	width:100%;
	height:7px;
}
div.page .top {
	background: url('images/page_bar.png') no-repeat top left;
	margin-top:14px;
}

div.page .bottom {
	background: url('images/page_bar2.png') no-repeat top left;
}

div.page .middle {padding-top:20px; /* padding hack */ border:1px solid #fff;}
div.page h1, div.page h2 {
	margin:0;
	color:#736348;
	font-family:'Trebuchet MS';
	font-size:18px;
	font-weight:normal;
}
div.page h1.contenttitle {
margin:0 0 14px 10px;
clear:both;
font-size:20px;color:#000;
}

div.page h1.supertitle {
margin:0 0 0 35px;
padding-top:10px;
font-size:20px;
}

div.page h3 {

	color :#3381B4;
	font-family:'Trebuchet MS';
	font-size:13px;
	

}


.mlink {margin-top:26px;}
div.entry {margin:0;clear:both;border-left: 10px solid #fafafa;border-bottom: 14px solid #fafafa;border-right: 10px solid #fafafa; text-align:left;}
.entry { padding:0 10px 0 10px;}

div.imgal {float:left;margin: 0 10px 10px 3px;clear:both;}
div.imgal > img.home {border:#f4f2ee solid 4px; width: 255px;}
div.highslide-gallery {clear:both;background: url('images/more_images.png') top left no-repeat;min-height:21px;padding-top:26px;margin-top:8px;}

div.highslide-gallery img {height:47px;border:none;}
a.highslide {height:47px;display:block;float:left;overflow:hidden;margin:0 10px 4px 0;border:#e5e5e5 solid 3px;}
a.highslide:hover {border-color:#C8BEAC;}

a.hidden {height:18px;display:block;width:22px;background:url('images/plus_link.png');margin-right:10px;float:right;}

a.close_link {height:21px;display:block;width:67px;background:url('images/close_link.png');margin:10px 0 0 0;float:right;text-decoration:none;border:none;}
a.close_link:hover {background:url('images/close_link_on.png');}





form.contact td {color: #888;font-family:"Trebuchet MS";font-size:14px;font-weight:bold;}
#page {background:url('images/contact_page.png') no-repeat top left;width:624px;min-height:336px;padding:60px 0 0 76px;overflow: hidden;margin: 0 0 0 25px;}
form.contact td input {border:1px solid #D6EFFF;display:block;height:30px;width: 190px;font-size:12px;padding:0 4px;line-height: 28px;}
form.contact input.send {width:133px;height:42px;border: none;cursor: pointer;background:url('images/btn_send.png') no-repeat top left #fff;}
form.contact  textarea {border:5px solid #E1F3FF;font-size:12px;width:100%;height:150px;}
form.contact small {font-size:10px;}
form.contact .over {background:#F2FAFF;}
form.contact td input.radio {border:none;width:20px;display:inline;}
.message_ok {background:url('images/message_ok.png') left top no-repeat;width:682px;height:54px;text-indent:120px;font-family:'Trebuchet MS';font-size:14px;color:#333;line-height:40px;margin-left:40px;display:none;}

table.coords td {padding-right:40px;}



/** HEADER SLIDESHOW **/

#slideshow {
    position:relative;
    height:343px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.footer_home {color:#999;text-align:center;padding:6px 0;}
.footer_page {padding:20px 40px 10px 40px;}

ul {list-style-type:none;margin:0;padding:0;}
div.entry td {padding:0 10px 4px 0;}
li p {margin:0;padding:0;}

iframe {border:none;}

div.entry h2 {color:white;width:100%;height:30px;margin-left:-10px;}
div.entry h3 {background:#efefef;line-height:30px;text-indent:14px;}
div.entry ul ul ul {list-style-type:disc;margin-left:20px;line-height: 18px;}

div.entry ul.normal li {font-weight:normal;color:inherit;line-height:18px;list-style-type:disc;padding:0;margin-left:30px;}