* { padding:0; margin:0; outline:0; }
body {
	/*background:#313b30 url(images/bottom.jpg) repeat-x center bottom;*/
	background:#6c6d57;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
	color:#dfdfdf;
}

a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }
.form{float:left; display:inline;padding:20px 10px 10px 60px;}

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a { color:#fff; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

h1#logo { font-size:0; line-height:0; width:150px; height:150px; padding:10px 0 0 20px;}
h1#logo a{ display:block; height:150px; background:url(images/logo2.png); text-indent: -4000px;}
h2 { font-family: "Georgia",Arial,Verdana,sans-serif;font-size:3em; line-height:2em; padding:0 10px 10px 60px;}
h3 { font-family: "Georgia",Arial,Verdana,sans-serif;font-size:2em; line-height:1.5em; padding:20px 10px 10px 60px;width:710px;}
h4 { font-size:0.9em; line-height:1.2em; padding:0 10px 10px 60px;}


#bg { }


#shell { width:960px; margin:0 auto; min-height:2000px; padding-bottom:0px; position:relative; background:#313b30 url(images/bottom.jpg) repeat-x center bottom;}

#header { height:550px; position:relative; /*background: url(images/bg_header.jpg) no-repeat center 100px;*/}
#info_site {width:770px; position:absolute; left:190px; top:30px;}


.site-info {font-family: "Georgia",Arial,Verdana,sans-serif;font-size:2.6em;font-weight: bold; line-height:1em;}
.site-info-texte { font-size:1.2em; line-height:1.6em; padding:0 10px 10px 60px;}

.info_vertclair {color:#7ab031;}
.info_vert {color:#0e622f;}
.info_bleu {color:#5EC5ED;}
.info_orange {color:#EE7F00;}
.info_rose {color:#e20070;}
.info_rosepale {color:#ee87b2;}
.info_gris {color:#dfdfdf;}
.info_blanc {color:#efefef;}
.captions{font-family: "Georgia",Arial,Verdana,sans-serif;font-size:2em;font-weight: normal; line-height:1em; padding:10px 20px 10px 20px;width:660px;}

.texte_site {width:650px; padding:0 0 10px 60px;}
.texte_inline {width:840px; padding:0 20px 10px 60px;}
.print_page {padding:0 20px 10px 20px; color:#EE7F00;}
.print_page a{color:#EE7F00;}

#container p { padding-bottom:15px;}
#container { position:relative; width:100%;}

#actualites { padding-bottom:100px;}
#portfolio { padding-bottom:100px;}
#book { padding-bottom:100px;}
#map { padding-bottom:100px;}
#activities { padding-bottom:100px;}
#pro { padding-bottom:100px;}
#trip { padding-bottom:100px;}
#fb { padding-bottom:100px;}
#flickr { padding-bottom:100px;width:720px;}
.margin60{padding:0 10px 0 60px;width:650px;}
.gmnoprint{color:#000;}
.gels-title-link a{color:#000;}
.info_gmap{padding:10px;color:#000;}
#CDSWIDSSP{width:650px;!important;}
#other { padding-bottom:100px;}
#contact { padding-bottom:100px;} 

.projects { height:150px; position:relative; padding:0 20px 10px 60px;}
.projects ul{ list-style-type: none; height:150px; overflow:hidden; position:relative; }
.projects ul li{ float:left; display:inline; width:680px; height:150px; }
.projects ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 20px 20px 0;}
.projects ul li .project-bg { background:url(images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects ul li .project-bg a:hover{ background:url(images/project.png) no-repeat 0 0;}
.projects ul li .project a{ position:relative; }


.projects ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:5px; z-index:5;}

#contact .left { width:470px;}
#contact .right { width:400px;}
input, textarea, select { font-size:14px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; padding:5px; color:#ededed; border:0; }

#contact label { display:block; padding-bottom:5px;}
#contact .field { background:url(images/field.png); display:block; width:390px; margin-bottom:15px;}
#contact textarea.field { height:130px; width:390px; }

a.submit { font-weight: bold; text-transform: uppercase;}

.abs-span { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}
.rel-content { position:relative; z-index:2;}


.buttons { font-size:0; line-height:0;}
.buttons a{ position:absolute; color:#ededed; text-decoration: none; z-index:20;}
.buttons a:hover span{ color:#ededed; text-decoration: none; background:#7ab031;}
.buttons a em{ position:absolute; width:32px; height:30px; /*background:url(images/plus.png);*/ top:7px; left:0px; z-index:2;}
.buttons a span{ display:block; width:160px; height:30px; /*background:url(images/button.png) no-repeat 0 0;*/background:#6c6d57; font-size:14px; line-height:30px; font-weight: bold; text-transform: uppercase; padding:0 0 0 10px; display:block; float:left; z-index:1 !important; position:relative; /*left:-175px;*/ }
.buttonsbook { font-size:0; line-height:0;}
.buttonsbook a{ position:absolute; color:#ededed; text-decoration: none; z-index:20;}
.buttonsbook a:hover span{ color:#ededed; text-decoration: none; background:#e20070;}
.buttonsbook a em{ position:absolute; width:32px; height:30px; /*background:url(images/plus.png);*/ top:7px; left:0px; z-index:2;}
.buttonsbook a span{ display:block; width:160px; height:30px; /*background:url(images/button.png) no-repeat 0 0;*/background:#EE7F00; font-size:14px; line-height:30px; font-weight: bold; text-transform: uppercase; padding:0 0 0 10px; display:block; float:left; z-index:1 !important; position:relative; /*left:-175px;*/ }
.social_network { font-size:0; line-height:0;}
.social_network a{ position:absolute; color:#313b30; text-decoration: none; z-index:20;}
.social_network a:hover span{ color:#ededed; text-decoration: none; background:#5EC5ED;}
.social_network a em{ position:absolute; width:32px; height:20px; /*background:url(images/plus.png);*/ top:7px; left:0px; z-index:2;}
.social_network a span{ display:block; width:160px; height:20px; /*background:url(images/button.png) no-repeat 0 0;*/background:#6c6d57; font-size:14px; line-height:20px; font-weight: bold; text-transform: uppercase; padding:0 0 0 10px; display:block; float:left; z-index:1 !important; position:relative; /*left:-175px;*/ }
.top { font-size:0; line-height:0; }
.top a{ position:absolute; color:#333; text-decoration: none; z-index:20;}
.top a em{ position:absolute; width:32px; height:32px; background:url(images/gotop.png); top:7px; left:6px; z-index:2;}
.top a span{ display:block; width:135px; height:45px; background:url(images/button_top.png) no-repeat 0 0; font-size:16px; line-height:46px; font-weight: bold; text-transform: uppercase; padding:0 0 0 45px; display:none; float:left; z-index:1 !important; position:relative; }

.buttons a.home-link{ top:100px; left:780px;}
.buttons a.about-link{ top:135px; left:780px;}
.buttons a.news-link{ top:170px; left:780px;}
.buttons a.portfolio-link{ top:205px; left:780px;}
.buttons a.activities-link{ top:240px; left:780px;/}
.buttons a.map-link{ top:275px; left:780px;}
.buttons a.trip-link{ top:310px; left:780px;}
.buttonsbook a.book-link{ top:345px; left:780px;}
.buttons a.pro-link{ top:380px; left:780px;}
.buttons a.contact-link{ top:415px; left:780px;}
.buttons a.other-link{ top:450px; left:780px;}
.social_network a.flickr-link{ top:490px; left:780px;}
.social_network a.fb-link{ top:515px; left:780px;}

#header_slide{position:absolute; top:100px; left:60px; z-index:1;}
#google_trad{position:absolute;top:10px; left:780px; color:#fff; z-index:100;}

.top a.top-link1{ top:260px; left:-10px; }
.top a.top-link2{ top:750px; left:-10px; }
.top a.top-link3{ top:-50px; left:-10px; }

.top-holder { position:absolute; bottom:0; left:0;}

#top { font-size:0; line-height:0; position:absolute; top:0; left:0;}


.jcarousel-clip { width:680px; height:150px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; cursor:pointer; width:49px; height:49px; text-indent: -4000px; position:absolute; top:150px; }
.jcarousel-next { background:url(images/next.png); left:119px; }
.jcarousel-prev { background:url(images/prev.png); left:60px; }

.copy { text-align: left; position:absolute; bottom:-20px; width:100%; left:0; color:#fff; }
.copy a{ color:#fff; }

textarea { overflow:auto;}

#toplink {position:absolute; right:-30px; top:10px; height:75px; width:30px;}
#toplink a {background:url("images/backtotop.gif") no-repeat scroll left top transparent;display:block;height:75px;width:30px;}
.table {padding:0 10px 10px 20px;}
.tableau { border-style:solid; border-color:#fff; display:inline; float:left; margin-right:5px; border:1;}
.titre_tableau {font-size:2em; font-height:2em;color:#7ab031;}
.hors_saison{background-color:#fff;color:#006633;}
.moy_saison{background-color:#e4ede5;color:#006633;}
.haute_saison{background-color:#aecbb6;color:#006633;}
.titre_tab{background-color:#313b30;color:#fff;}
.images {padding:0 10px 10px 20px;}
.images img{padding: 0 10px 0 0;}
.liste{padding:0 10px 10px 100px;}
.liste_inline{padding:0 10px 10px 100px;}