/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

body {
	color:#363636;
	background:#cee0f4 url('images/bg-top.jpg') no-repeat scroll center top;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}
#wrap{
	background:#cee0f4 url('images/bg-top-inside.jpg') no-repeat scroll center top;
}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}

h1{ color: #222; font-size: 250%;}
h2{ color: #222; font-size: 125%;}
h3{ color: #333; font-size: 100%;}
h4{ font-size: 120%;}
h5{ font-size: 100%;}
h6{ font-size: 100%;}

/* =Links General-----------------------------------------------------------------------------*/

a{ color: #2A698C; text-decoration: underline;}
a:hover{ color: #2A698C; text-decoration: none;}

/* =Other -----------------------------------------------------------------------------*/

.clear{ /* Class for clearing floats */clear:both; padding: 5px 0 0 0;}
.left { float: left;}
.right { float: right;}

/* =Top -----------------------------------------------------------------------------*/

#top-home {
	height: 500px;
	width: 960px;
	position: relative;
	margin: 0 auto;
}
#top{
	height: 375px;
	width: 960px;
	position: relative;
	margin: 0 auto;
}
#top-home ul#reseaux-sociaux{
	position: absolute;
	top: 130px;
	right: -45px;
}
ul#reseaux-sociaux{
	position: absolute;
	top: 100px;
	right: -45px;
}
ul#reseaux-sociaux li{
	padding-bottom: 12px;
}
h1 a.logo{
	text-indent: -10000px;
	width: 250px;
	height: 150px;
	position: absolute;
	top: 125px;
	left: 60px;
}
#header{
	position: absolute;
	top: 73px;
	left: 335px;
}

/* =Sub Navigation -----------------------------------------------------------------------------*/

ul#submenu {
	position: absolute;
	top: 45px;
	left: 35px;
	width: 450px;
}
ul#submenu li{
	display: inline;
}
ul#submenu li a {
	color:#797164;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:2em;
}
ul#submenu li a:hover {
	text-decoration:underline;
}

/* =Navigation -----------------------------------------------------------------------------*/

#top-home #nav-main {
	position: absolute;
	top: 415px;
	left: 0;
}
#top #nav-main {
	position: absolute;
	top: 302px;
	left: 0;
}
ul#nav-main li{
	display: inline;
}
ul#nav-main li a.nav01,
ul#nav-main li a.nav02,
ul#nav-main li a.nav03,
ul#nav-main li a.nav04,
ul#nav-main li a.nav05{
	color:#4c585e;
	font-size:17px;
	text-decoration:none;
	margin-right:4px;
	padding-top: 14px;
	height: 26px;
	display: block;
	float: left;
}
ul#nav-main li a.nav01{
	background: transparent url('images/bg-nav-hebergement.gif') no-repeat top left;
	width: 127px;
	padding-left: 23px;
}
ul#nav-main li a.nav02{
	background: transparent url('images/bg-nav-location.gif') no-repeat top left;
	width: 190px;
	padding-left: 18px;
}
ul#nav-main li a.nav03{
	background: transparent url('images/bg-nav-depanneur.gif') no-repeat top left;
	width: 102px;
	padding-left: 16px;
}
ul#nav-main li a.nav04{
	background: transparent url('images/bg-nav-forfaits.gif') no-repeat top left;
	width: 73px;
	padding-left: 18px;
}
ul#nav-main li a.nav05{
	background: transparent url('images/bg-nav-galerie.gif') no-repeat top left;
	width: 130px;
	padding-left: 18px;
}
ul#nav-main li a.nav01:hover,
ul#nav-main li a.nav02:hover,
ul#nav-main li a.nav03:hover,
ul#nav-main li a.nav04:hover,
ul#nav-main li a.nav05:hover,
ul#nav-main li a.nav01.active,
ul#nav-main li a.nav02.active,
ul#nav-main li a.nav03.active,
ul#nav-main li a.nav04.active,
ul#nav-main li a.nav05.active{
	background-position: bottom left;
}

/* =Container -----------------------------------------------------------------------------*/

.content {
	width: 960px;
	margin: 0 auto;
}

/* =Main -----------------------------------------------------------------------------*/

#main {
	padding-bottom:120px;
	background:transparent url('images/snow-footer.jpg') no-repeat scroll center bottom ;
}
#main-galerie {
	padding-bottom:160px;
	background:transparent url('images/snow-footer-galerie.jpg') no-repeat scroll center bottom ;
}
#main .container-forfait {
height:400px;
}
#main-galerie .container {
width:930px;
margin:0 auto;
}
#main .left {
	width:625px;
	float:left;
	background:#E4F0FF url('images/bg-content-text.gif') no-repeat scroll top center ;
}
#main-galerie .content {
	background:#E4F0FF url('images/bg-content-galerie.gif') no-repeat scroll top center ;

}
#main .left .text-home {
	float:left;
	width:370px;
	padding-left:15px; padding-bottom: 15px;
}
#main .left .text-home h2 {
	font-size:26px;
	font-weight:normal;
	letter-spacing: -0.04em;
	margin-bottom:1em;
}
#main .left .text-home p {
	font-size:14px;
	line-height: 16px;
	margin-bottom:1em;
}
#main .left .flickr {
	float:left;
	width:205px;
	margin: 0 15px;
}
#main .footlink {
	text-align:right;
	margin-top:1em;
}
#main .footlink a {
	color:#24293b;
	padding-right: 15px;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
#main .footlink a:hover {
	text-decoration:underline;
}
#main .left div.conditions{
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #CFE1F5;
}
#main .left div.conditions p{
	font-size: 65%;
	line-height: 10pt;
	color: #86898C;
}
#main .left div.conditions h3{
	font-size: 75%;
	font-weight: bold;
	color: #86898C;
}
#main .right {
	width:305px;
	float:left;
	margin-left:15px;
}
#main .right img{
	padding-top: 15px;
}

/* =Inside -----------------------------------------------------------------------------*/

#main .left .text {
	float:left;
	width:590px;
	padding-left:15px; padding-bottom: 15px;
}
#main .left .text h2 {
	font-size:26px;
	font-weight:normal;
	letter-spacing: -0.04em;
	margin-bottom:1em;
}
#main .left .text h3 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:.6em;
}

#main .left .text p {
	font-size:14px;
	line-height: 16px;
	margin-bottom:1em;
}

/* =Footer -----------------------------------------------------------------------------*/

#footer {
	padding-bottom:25px;
}
#footer .container{
	margin: 0 auto;
	width:960px;
	text-align:center;
}
ul#footer-menu,
ul#logos-footer li {
	margin-top:1.2em;
	margin-bottom:.7em;
}
ul#footer-menu li,
ul#logos-footer li {
	display: inline;
}
ul#footer-menu li a{
	color:#3c4147;
	font-size:12px;
	text-decoration:none;
	margin-right:1em;
}
#footer-menu a:hover {
	text-decoration:underline;
}
ul#logos-footer li a {
	margin-right:2em;	
}
#footer p {
	color:#555c65;
	margin-bottom:.75em;
	font-size:11px;
}
 p.credits {
	color:#6c737c;
	font-size:10px;
	margin-bottom:2em;
}
#footer p a,
#footer p.credits a {
	color:#6c737c;
}

.closer {
	clear:both;
}

/* CSS Cédric */

#main .left img.contentHeader {
margin:-14px 0 20px 0;
padding:0;
}
#main .left .sub1 {
float:left;
width:280px;
}
#main .left .sub1 h4 {
font-size:18px;
margin:0px 0 6px 0;
}
#main .left .sub2 {
float:left;
width:295px;
}
#main .left .sub2 h2 {
margin-top:12px;
}
#main .left .sub3 {
float:left;
width:196px;
}
#main .left .sub3 h4, #main .left .sub2 h4  {
font-size:18px;
margin:8px 0 6px 0;
}
#main .left ul li {
font-size:14px;
line-height:17px;
list-style:outside;
list-style-type:none;
background: url('images/list-pointeur.gif') no-repeat 0 8px;
padding-left:8px;
}
#main .left a.bigLink {
display:block;
text-align:center;
font-size:22px;
color:#2a698c;
margin-top:1em;
margin-bottom:0.5em;
}
#main .left .youtube {
float:left;
margin-right:16px;
}
#main .right h2 {
font-size:26px;
margin-bottom:16px;
}
#main .right .thumbGal img {
float:left;
padding:0;
margin:8px 8px 0 0;
border:solid #FFFFFF 3px;
}
#main .right .thumbGal img.last {
margin-right:0;
}

/* Tableau */
table {
border:solid #c5d6e8 1px;
border-collapse:collapse;
width:594px;
font-size:14px;
color:#24293b;
}
table a {
color:#FFFFFF;
text-decoration:none;
padding:5px 16px 5px 16px;
text-transform:uppercase;
font-size:12px;
background: url('images/bton-reserver-tab-BG.gif') no-repeat;
}
table a:hover {
color:#FFFFFF;
}
td{
padding:16px 12px 20px;
text-align:center;
}
td.colTitle {
text-align:left;
}
table tr.pair {
background-color:#e4f0fe;
}
table tr.impair {
background-color:#edf6ff;
}
th {
background-color:#d0e1f5;
font-weight:normal;
margin:0;
padding:7px 0 8px 0;
}
#main .left .text th h2 {
margin:4px 0 0 0;
padding:0;
}
#main .left .text p.tabCaption {
float:right;
color:#555555;
font-size:11px;
font-style:italic;
padding:4px 4px 0 0;
}
/* Page Galerie */
#main-galerie .content .text img {
float:left;
padding:0;
margin:19px 6px 0 0;
border:solid #FFFFFF 3px;
}
#main-galerie .content .text img.last {
margin:19px 0px 0 0;
}
#main-galerie .content .text {
}
/*  Nous joindre */
#main .left .text #reserverM {
border:solid #eaeed0 1px;
background-color:#f1f5f0;
text-align:center;
margin-bottom:2em;
}
#main .left .text #reserverM h2 {
font-size:26px;
color:#622804;
margin:0;
padding:16px 0 8px 0;
}
#main .left .text #reserverM p {
font-size:16px;
line-height:20px;
}
#main .left .text #reserverM a {
color:#2a698c;
}
#main .left .text form {
margin:0;
padding:40px 0 20px 0;
}
#main .left .text form p {
margin:0;
padding:0 0 5px 0;
}
#main .left .text form .borderBlue {
border:solid #7f9db9 1px;
}
#main .left .text form input {
height:23px;
margin-bottom:10px;
}
#main .left .text form input.btonSubmit {
margin-top:10px;
height:30px;
}
#main .right p {
font-size:14px;
}
#main .right p small{
font-size:12px;
color:#555555;
} 
#main .right #contactMap {
padding-top:20px;
text-align:center;
}
#main .right #contactMap a {
font-size:12px;
color:#2a698c;
}
#main .right #contactMap img {
margin:10px 0 0 0;
padding:0;
}
#defilementBanniere img {
position:absolute;
}