/****************************************************************************************************************************

  TMT-GDESIGN

 ****************************************************************************************************************************

 @fichier  : styleCC.css
 @auteur   : Matthieu Pouchin
 @creation : 01/02/2008
 
 
 /* ------------------------------------------------------------------------------------------------------ corps des pages */

html, body{ 
 margin:0 auto; 
 padding:0; 
 width: 100%;
 height: 100%;
 background-position: top;
 background-image: url(images/bgrd.gif);
} 

#background {
 float:center;
 margin: 0 auto;
 padding-bottom: 10px;
 width:775px;
}

#header {
 float: left;
 padding: 0;
 margin-top:30px;
 width:775px;
 height: 259px;
}

#contenu {
 float: left;
 padding-bottom: 20px;
 margin: 0 auto;
 border-bottom: 10px solid #fff;
 width:775px;
 height: auto;
 background: #fff url(images/bgrd_nav.gif) 10px 0 repeat-y;
}

#contenu_texte {
 float: left;
 padding: 0;
 margin-left: 17px;
 width:350px;
 height: auto;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: justify;
 text-decoration: none;
}

#contenu_texte a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: justify;
 text-decoration: none;
}

#contenu_texte a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: justify;
 text-decoration: underline;
}

#contenu_titre {
 float: left;
 padding: 0;
 margin: 0;
 width:350px;
 height: 50px;
}

#contenu_droite_hp {
 float: left;
 padding-top: 15px;
 margin-left: 20px;
 width:185px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration: none;
}

#news {
 float: left;
 margin-top: 5px;
 width:185px;
}

#puce {
 float: left;
 margin:0 auto;
 padding:0;
 width:19px;
 height:20px;
}

#news_link {
 margin-left: 25px;
 width:160px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration: none;
}

#news_link a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration: none;
}

#news_link a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

#offers {
 float: left;
 margin-top: 15px;
 width:185px;
}

#picture_cingles1 {
 float: right;
 margin:0;
 padding:5px;
 width:260px;
 height:198px;
}

#picture_cingles2 {
 float: right;
 margin:0;
 padding:5px;
 width:198px;
 height:260px;
}

#bottom {
 float: left;
 margin-top:15px;
 padding:0;
 width:530px;
}

.marge {color: #999999}

/* NAVIGATION */

#nav {
 float: left;
 padding: 0;
 margin-left: 12px;
 width:180px;
}

#bloc_nav {
 float: right;
 padding: 0;
 margin:0;
 width:163px;
 height: auto;
}

.titre_nav {
 float: right;
 padding: 0;
 margin-top:7px;
 margin-bottom:7px;
 width:163px;
 height: 31px;
}

.tour_nav {
 float: right;
 padding: 0;
 margin-bottom:3px;
 width:140px;
 height: auto;
}

.tour_nav a{
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

.tour_nav a:hover{
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

/* TOUR */

#chap_haut{
 margin: 0 auto;
 padding: 0;
 width: 183px;
 height: 35px;
}

#chap_bas{
 margin: 0 auto;
 padding: 0;
 width: 183px;
 height: 3px;
}

#tour_intro {
 float: left;
 padding: 0;
 margin-bottom: 20px;
 width:350px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: italic;
 color: #000000;
 text-align: left;
}

#tour_day {
 float:left;
 padding: 0;
 margin: 0 auto;
 width:55px;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#tour_day_title {
 float:right;
 padding: 0;
 margin: 0 auto;
 width:280px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: bold;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#tour_texte {
 float:left;
 padding: 0;
 margin: 0 auto;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#titre_lightbox {
 float: left;
 padding: 0;
 margin:0;
 width:300px;
 height: auto;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: bold;
 color: #145275;
 text-align: left;
 text-decoration: none;
}

#contenu_lightbox {
 float: left;
 margin-top: 10px;
 margin-bottom: 20px;
 width:350px;
}

#bt_lightbox {
 float: left;
 padding:0;
 margin-right: 10px;
 margin-top: 10px;
 width:60px;
 height:60px;
}

#contenu_droite_tour {
 float: left;
 padding-top: 15px;
 margin-left: 20px;
 width:183px;
}

#contenu_droite_tour_fond {
 width:183px;
 height:300px;
 background-image: url(images/tour/bgrd_nav.gif);
 background-repeat:repeat-y;
}

#contenu_droite_tour_fondV {
 width:183px;
 height:400px;
 background-image: url(images/tour/bgrd_nav.gif);
 background-repeat:repeat-y;
}

#contenu_droite_tour_bloc01 {
 float: left;
 margin-left: 13px;
 margin-top: 15px;
 width:157px;
 height:119px;
 background-image: url(images/tour/fd_tour_nav01.gif);
}

#contenu_droite_tour_bt01 {
 margin-top: 8px;
 margin-left: 5px;
 padding:0;
 width:145px;
 height:19px;
}

#contenu_droite_tour_bt02 {
 margin-top: 3px;
 margin-left: 5px;
 padding:0;
 width:145px;
 height:19px;
}

#contenu_droite_tour_bloc02 {
 float: left;
 margin-top: 10px;
 width:157px;
 height:50px;
}

#contenu_droite_tour_bloc03 {
 float: left;
 margin-top: 5px;
 width:157px;
 background-color:#f2f2f2;
}

#contenu_droite_tour_bloc03 a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration: none;
}

#contenu_droite_tour_bloc03 a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

#contenu_droite_tour_bt03 {
 margin-top: 5px;
 padding:0;
 width:157px;
 height:19px;
}

#bt_flash_video {
 margin-top: 10px;
 margin-bottom:10px;
 padding:0;
 width:157px;
 height:85px;
}

#video {
 float: left;
 padding: 0;
 margin-top: 20px;
 margin-bottom: 20px;
 width:350px;
 height:350px;
}

#video_hp {
 float: left;
 padding: 0;
 margin-top: 20px;
 margin-bottom: 20px;
 width:350px;
 height:262;
}

#contenu_cingles {
 float: left;
 padding: 0;
 margin-left: 17px;
 width:530px;
}

#contenu_texte_cingles {
 float: left;
 padding: 0;
 width:530px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: justify;
 text-decoration: none;
}

#contenu_texte_cingles a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #cb7629;
 text-align: justify;
 text-decoration: none;
}

/* ALPS */

#bloc_alps {
 float: left;
 padding: 0;
 margin-top: 20px;
 margin-left:20px;
 width:450px;
 height: 75px;
}

#bloc_alps_texte {
 float: left;
 padding: 0;
 margin-top: 10px;
 margin-left:20px;
 margin-bottom:20px;
 width:450px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration: none;
}

#texte_alps {
 float: left;
 padding: 0;
 margin-left:100px;
 margin-top: 15px;
 width:350px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#texte_alps a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#texte_alps a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #000000;
 text-align: left;
 text-decoration: underline;
}

/* PARTNERS */

#contenu_partners {
 float: left;
 padding: 0;
 margin-left: 17px;
 width:530px;
}

#contenu_texte_partners {
 float: left;
 padding: 0;
 width:530px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#contenu_texte_partners a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#contenu_texte_partners a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

#logos_partners {
 float: left;
 padding-left: 20px;
 margin-top:20px;
 width:510px;
 border-width:thin;
 border-style:solid;
 border-color:#c5c5c5;
}

#logo_partners {
 float: left;
 padding: 0;
 margin-top:10px;
 margin-right:23px;
 margin-bottom:10px;
 width:100px;
 height: 50px;
 text-align:top;
}

#links_partners1{
 float: left;
 padding: 0;
 margin-top:20px;
 width:250px;
}

#links_partners2{
 float: right;
 padding: 0;
 margin-top:20px;
 margin-right:20px;
 width:250px;
}

/* RENTAL */

#contenu_rental {
 float: left;
 padding: 0;
 margin-left: 17px;
 width:530px;
}

#contenu_texte_rental {
 float: left;
 padding: 0;
 width:260px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#contenu_texte_rental a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#contenu_texte_rental a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

#contenu_rental2 {
 float: left;
 padding: 0;
 margin-left: 20px;
 width:250px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#contenu_rental2 a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#contenu_rental2 a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

#contenu_rental3 {
 float: left;
 padding: 0;
 margin-left: 20px;
 width:250px;
}

.bt_rental a {
 float: left;
 padding-left: 5px;
 margin-top: 7px;
 width:220px;
 height:20px;
 background-color:#666666;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 background-position:center;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #fff;
 text-align: left;
 text-decoration: underline;
}

.bt_rental a:hover{
 float: left;
 padding-left: 5px;
 margin-top: 7px;
 width:220px;
 height:20px;
 background-color:#b7c225;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration: underline;
}

#contenu_bike {
 float: left;
 padding: 0;
 margin-top:20px;
 width:530px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#contenu_bike a {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#contenu_bike a:hover {
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

#contenu_bike1 {
 float: left;
 padding: 0;
 margin-top:20px;
 width:530px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#contenu_bike1a {
 float: left;
 padding: 0;
 width:250px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#contenu_bike1b {
 float: left;
 padding-left:20px;
 width:230px;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

.bt_book{
 float: left;
 padding:0;
 margin:0;
 width:238px;
}

#contenu_lightbox2 {
 float: left;
 margin-top: 10px;
 margin-bottom: 20px;
 width:250px;
}

/* NEWSLETTER FORM */

#contenu_newsform {
 float: left;
 padding: 0;
 margin-left: 17px;
 width:530px;
/* height:400px;*/
 background-image:url(images/fd_contact.gif);
 background-position:bottom;
 background-repeat:no-repeat;
}

/* CONTACT */

#contenu_contact {
 float: left;
 padding: 0;
 margin-left: 17px;
 width:530px;
 height:400px;
 background-image:url(images/fd_contact.gif);
 background-position:bottom;
 background-repeat:no-repeat;
}

#contenu_texte_contact {
 float: left;
 padding: 0;
 width:530px;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 line-height:1.2em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

#contenu_texte_contact a {
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 line-height:1.2em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#contenu_texte_contact a:hover {
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 line-height:1.2em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

/* MAP */

#contenu_map {
 float:center;
 margin: 0 auto;
 padding-top:20px;
 width:700px;
 font: 12pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 line-height:1.2em;
 font-weight: bold;
 color: #fff;
 text-align: center;
 text-decoration: none;
}

/* ------------------------------------------------------------------------------------- textes */

a {
 margin: 0 auto;
 padding: 0;
}

p{
 margin: 0;
 padding: 0;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #ffffff;
 text-align: left;
 text-decoration: none;
}

h1{
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: bold;
 color: #000000;
 text-align: left;
 text-decoration: underline;
}

h2{
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: underline;
}

h3{
 font: 12pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

h4{
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight:normal;
 color: #000;
 text-align: justify;
 text-decoration: none;
}

/* ------------------------------------------------------------------------------------- calques */

/* ABOUT */

#chap_haut_about{
 margin: 0 auto;
 padding: 0;
 width: 183px;
 height: 24px;
}

#contenu_droite_about_fond {
 width:183px;
 height:150px;
 background-image: url(images/tour/bgrd_nav.gif);
 background-repeat:repeat-y;
}

#contenu_droite_tour_bt04 {
 margin-top: 18px;
 margin-left: 5px;
 padding:0;
 width:145px;
 height:19px;
}

#contenu_droite_about_links {
 margin-top:30px;
 width:183px;
 height:300px;
}

#team {
 float:left;
 margin-top:20px;
 padding:0;
 width:350px;
}

#team_photo {
 float:left;
 margin:0 auto;
 padding:0;
 width:150px;
}

#team_text {
 float:left;
 margin-left:10px;
 padding:0;
 width:190px;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 line-height:1.2em;
 font-weight: normal;
 color: #000;
 text-align: left;
}

/* FOOTER */

#footer{
 float: left;
 width: 790px;
 padding-top: 5px;
 padding-bottom: 10px;
 text-align: center;
 vertical-align: bottom;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #ffffff;
}

#copyright{
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
}

#footer a{
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 text-decoration: none;
}

#footer a:hover{
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 text-decoration: underline;
}

/* DIVERS */

#bloc_calendar {
 float: left;
 padding:0;
 margin-top: 10px;
 margin-left:10px;
 width:500px;
}

#month {
 float: left;
 padding: 0;
 margin:0;
 width:100px;
 background-color:#ededed;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: bold;
 color: #cb7629;
 text-align: left;
 text-decoration: none;
}

#event {
 float: left;
 padding: 0;
 margin-left:25px;
 width:325px;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}

/* SITE MAP */

#bloc_sitemap {
 float: left;
 margin-left:25px;
 margin-top:20px;
 padding:0;
 width:150px;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration:none;
}

#bloc_sitemap a {
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000;
 text-align: left;
 text-decoration:none;
}

#bloc_sitemap a:hover {
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #cb7629;
 text-align: left;
 text-decoration:underline;
}

#contenu_texte_map {
 float: left;
 padding: 0;
 width:530px;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 letter-spacing: 1.5 em;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
}