* {padding:0; margin:0;}
body{font-family: 'trebuchet ms', 'century gothic', 'futura', arial, sans-serif; font-size: 13px;background-image:url(images/bg2.jpg); background-repeat:horizontal; background-color:white;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
#maincontainer {width:983px; background-color:white; margin:0 auto;}

/*
MENU EN HAUT COMPLETEMENT DE LA PAGE
*/

#menu1 {display: none;}



#imagebanner {width:982px; height:150px;}

#maincontent {padding: 5px 5px 5px 0px;}
/*
MENU EN BAS DU LOGO ET DU PAYSAGE
*/

#menu2{display: none;}
/*
LA FENETRE DE CONTENUE
*/
#content{padding:32px 0px 32px 35px;}
#content .rectangle { float:left; width:293px; height:194px; padding:0 20px 20px 0px ; background-repeat:no-repeat; background-position:top left; }
#nature {background-image:url(images/nature.png);}
#velo {background-image:url(images/velo.png);}
#musee {background-image:url(images/musee.png);}
#evenements{background-image:url(images/evenements.png);}
#hebergement {background-image:url(images/hebergement.png);}
#restauration {background-image:url(images/restauration.png);}
.rectangle a {display:block; color:white; padding:169px 0 0 0; text-decoration:none; font-size:120%; font-weight:bold;}
#content a:hover{text-decoration:underline;}


#nouvelles { padding-left: 10px; float:left; width:283px; height:338px; background-image:url(images/bg-nouvelles.png);}
#nouvelles h2 {color:white; font-size:125%;}
#nouvelles h3 {color:black; font-size:115%; padding:8px 0 8px 0;}
#nouvelles a {color:#4099d4;}
#nouvelles a:hover {color:#c2d9ec;}
.nouvelle {width:273px;}

#forfaits{ padding:0 30px 30px 0; float:right;  height:200px; width:607px; background-image:url(images/forfaits.png); background-repeat:no-repeat; background-position:top left;}
#forfaits div {float:left;}
#forfaits a{display:block; height:26px; color:white;  text-decoration:none; font-size:120%; font-weight:bold; padding:0 0 0 15px !important;}
#forfait1{height:174px; width:282px; padding-right:33px;}
#forfait2{height:174px; width:282px; padding-right:10px;}
#forfaits img {float:left; width:141px; height:148px; padding-right:10px;}
.petit_lien {font-size: 11px; margin: 0; padding: 10px 0px 10px 0px;line-height: 100%;}
/*
#forfaits{ padding:0 30px 30px 0; float:right;  height:200px; width:607px; background-image:url(images/forfaits.png); background-repeat:no-repeat; background-position:top left;}
#forfaits div {float:left;}
#forfaits a{display:block; height:26px; color:white;  text-decoration:none; font-size:120%; font-weight:bold; padding:0 !important;}
#forfait1{height:174px; width:315px;}
#forfait2{height:174px; width:292px;}
#forfaits img {float:left; width:141px; height:148px;} */
#forfaits p {color:#7e7e7e; font-size:10px; line-height:100%;  font-family : arial;}
#forfaits h3 {font-size:105%; line-height:100%; padding:7px 0 7px 0;}

.prixforfait {font-style:italic; padding-top:10px; line-height:130%; padding-left:35px;}
.gros{font-weight:bold; font-size:250%;line-height:110%;}
.savoirplus1 {float:right; position:relative;  left:-15px;}
.savoirplus2 {float:right; position:relative;  left:-15px;}

#publications{ padding:0px 30px 0 0; float:right; height:119px; width:607px; background-image:url(images/publications.png);  background-repeat:no-repeat; background-position:left;}
#publications a {color:white; text-decoration:none; font-size:120%; font-weight:bold; padding:0 0 0 25px !important;}
#publications p {width:200px; padding:50px 0 0 25px ;font-size:110%;}
.strong {font-weight:bold;}


#footer{height:104px;padding-top:15px;}
#menu3 { float:left; width:461px; height:58px; background-image:url(images/bg-menu3.png);}
#menu3 a{text-decoration:none;}
#menu3 a:hover{text-decoration:underline;}
#menu3 ul {list-style-type:none;}
#menu3 li{float:left; padding-right:20px;}
#liste1 a {color:black;}
#liste1 {padding:12px 0 0 5px;}
#liste2 {padding:5px 0 0 5px;}
#liste2 a {color:#666666;}

#CLD{width:250px; float:left; color:#666666; font-size:80%;}
#helios {float:left; font-size:85%;}
#helios p {padding:10px 0px 0 0;}
#helios a {position:relative; left:85px;display:block; width:61px; height:23px; background-image:url(images/helios.png);}



/************** CONTENU DU SITE ********************************************/

#twocolumns {float: left; width: 900px; padding: 20px 0px 20px 20px; line-height: 160%;}
#twocolumns h1 {margin-top:35px;}
#fullcolumns {width: 870px; float: left; padding: 0px 10px 0px 0px; line-height: 160%;}





#fullcolumns .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#fullcolumns .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;}
#fullcolumns .blockel a {color: #000000;}
#fullcolumns .blockel a:hover {text-decoration: underline;}
#fullcolumns .blockel p {line-height: 160%;}
#fullcolumns .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#fullcolumns .blockel .lefttxt {width: 470px; float: left; padding: 0px 10px 0px 0px;}
#fullcolumns .blockel .rightimage {float: right; border: 1px solid #000000; padding: 0px 10px 0px 0px;}
#fullcolumns .blockel .suivre {background-image: url(); background-repeat: no-repeat; width: ; height: ; }
#fullcolumns .blockel .suivre span {display: none;}

#leftcolumn {width: 630px; float: left; padding: 0px 10px 0px 0px;}
#leftcolumn .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#leftcolumn .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;line-height: 160%;}
#leftcolumn .blockel h2 {font-size: 20px; margin: 0; padding: 10px 0px 10px 0px;line-height: 120%;}
#leftcolumn .blockel h5 {font-size: 12px; margin: 0; padding: 0px 0px 0px 0px;line-height: 12px;}
#leftcolumn .blockel a {color: #000000;}
#leftcolumn .blockel a:hover {text-decoration: underline;}
#leftcolumn .blockel p {line-height: 160%;padding: 10px 0px 10px 0px;}
#leftcolumn .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#leftcolumn .blockel .lefttxt {width: 400px; float: left; padding: 0px 10px 0px 0px; line-height: 160%;}
#leftcolumn .blockel .rightimage {float: right; border: 1px solid #000000;  }
#leftcolumn .blockel .suivre {background-image: url(); background-repeat: no-repeat;  }
#leftcolumn .blockel .suivre span {display: none;}


#leftcolumnfull {width: 840px; float: left; padding: 0px 10px 0px 0px;}
#leftcolumnfull .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#leftcolumnfull .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;line-height: 160%;}
#leftcolumnfull .blockel h2 {font-size: 20px; margin: 0; padding: 10px 0px 10px 0px;line-height: 120%;}
#leftcolumnfull .blockel h5 {font-size: 12px; margin: 0; padding: 0px 0px 0px 0px;line-height: 12px;}
#leftcolumnfull .blockel a {color: #000000;}
#leftcolumnfull .blockel a:hover {text-decoration: underline;}
#leftcolumnfull .blockel p {line-height: 160%;}
#leftcolumnfull .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#leftcolumnfull .blockel .lefttxt {width: 400px; float: left; padding: 0px 10px 0px 0px; line-height: 160%;}
#leftcolumnfull .blockel .rightimage2 {float: left;  }
#leftcolumnfull .blockel .rightimage {float: right; border: 1px solid #000000; padding-left: 0px 0px 0px 0px;}

#leftcolumnfull .blockel .suivre {background-image: url(); background-repeat: no-repeat;  }
#leftcolumnfull .blockel .suivre span {display: none;}



#fullpage {width: 900px; float: left; padding: 0px 10px 0px 0px;}
#fullpage .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#fullpage .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;}
#fullpage .blockel a {color: #000000;}
#fullpage .blockel a:hover {text-decoration: underline;}
#fullpage .blockel p {line-height: 160%;}
#fullpage .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#fullpage .blockel .lefttxt {width: 500px; float: left; padding: 0px 10px 0px 0px;}
#fullpage .blockel .rightimage {float: left; border: 1px solid #000000; }
#fullpage .blockel .rightimage2 {float: left;  }
#fullpage .blockel .suivre {background-image: url(); background-repeat: no-repeat; width: ; height: ; }
#fullpage .blockel .suivre span {display: none;}


#rightcolumn  {width: 250px; padding: 0px 0px 0px 0px; float:left;}
#rightcolumn .blockel { width: 250px;padding: 30px 10px 0px 20px;}
#rightcolumn .decouvrez h3{background-image: url(images/rightblockbg2.jpg) !important; width:283px !important; padding-top:5px; padding-left:40px;}
#rightcolumn .blockel h1 {margin: 0; font-size: 24px; padding: 0px 0px 24px 0px;}
#rightcolumn .blockel h2 {margin: 0; font-size: 20px; padding: 0px 0px 20px 0px;}
#rightcolumn .blockel h3 {margin: 0; font-size: 14px; padding:30px 0px 0px 30px;  height: 40px; background-image: url(images/rightblockbg.jpg); background-repeat: no-repeat;}
#rightcolumn .blockel .image {float: left; border: 1px solid #000000; margin: 5px 10px 5px 0px;}

#rightcolumn .blockel h4 {margin: 0; padding: 5px 0px 5px 0px; font-size: 14px;}
#rightcolumn .blockel h4 a {color: #000000;}
#rightcolumn .blockel h4 a:hover {text-decoration: underline;}
#rightcolumn .blockel .righttxt p {padding: 5px 0px 5px 0px; margin: 0px 15px 0px 0px; font-size: 10px;}
#rightcolumn .imagegallery .image {margin: 5px 5px 0px 10px;}
#rightcolumn .blockel ul {list-style:normal; padding: 10px 0px 0px 25px; line-height: 160%;}
#rightcolumn .blockel li a {color:#4099d4;}
#rightcolumn .blockel li a:hover {color:#c2d9ec;}








#leftcolumn2 {width: 530px; float: left; padding: 0px 10px 0px 0px;}
#leftcolumn2 .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#leftcolumn2 .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;line-height: 160%;}
#leftcolumn2 .blockel h2 {font-size: 20px; margin: 0; padding: 10px 0px 10px 0px;line-height: 120%;}
#leftcolumn2 .blockel h5 {font-size: 12px; margin: 0; padding: 0px 0px 0px 0px;line-height: 12px;}
#leftcolumn2 .blockel a {color: #000000;}
#leftcolumn2 .blockel a:hover {text-decoration: underline;}
#leftcolumn2 .blockel p {line-height: 160%;padding: 10px 0px 10px 0px;}
#leftcolumn2 .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#leftcolumn2 .blockel .lefttxt {width: 400px; float: left; padding: 0px 10px 0px 0px; line-height: 160%;}
#leftcolumn2 .blockel img.rightimage {float: right; border: 1px solid #000000; padding-left: 0px 0px 0px 0px;}
#leftcolumn2 .blockel .suivre {background-image: url(); background-repeat: no-repeat;  }
#leftcolumn2 .blockel .suivre span {display: none;}


#rightcolumn2  {width: 350px; padding: 0px 0px 0px 0px; float:left;}
#rightcolumn2 .blockel { width: 350px;  padding: 30px 0px 0px 25px;}
#rightcolumn2 .blockel h1 {margin: 0; font-size: 24px; padding: 0px 0px 24px 0px;}
#rightcolumn2 .blockel h2 {margin: 0; font-size: 20px; padding: 0px 0px 20px 0px;}
#rightcolumn2 .blockel h3 {margin: 0; font-size: 14px; padding: 0px 0px 32px 0px;}
#rightcolumn2 .blockel .image {float: left; border: 1px solid #000000; margin: 5px 10px 5px 0px;}

#rightcolumn2 .blockel h4 {margin: 0; padding: 5px 0px 5px 0px; font-size: 14px;}
#rightcolumn2 .blockel h4 a {color: #000000;}
#rightcolumn2 .blockel h4 a:hover {text-decoration: underline;}
#rightcolumn2 .blockel .righttxt p {padding: 5px 0px 5px 0px; margin: 0px 15px 0px 0px; font-size: 10px;}
#rightcolumn2 .imagegallery .image {margin: 5px 5px 0px 10px;}
#rightcolumn2 .blockel ul {list-style:normal; padding: 0px 0px 0px 25px; line-height: 160%;}
#rightcolumn2 .blockel li a {color:#4099d4;}
#rightcolumn2 .blockel li a:hover {color:#c2d9ec;}

.mettrepadding{padding: 30px !important;}
.listcolumn1 {width:380px; float:left; padding-left:35px;}
.listcolumn2 {width:380px; float:right;}

div.crop {height: 150px;width: 200px;overflow: hidden; float:right; border-width:1px; border-style:solid;  color:black; }

div.crop img { min-height:150px; border:none !important;
width: 200px;}




/*
#twocolumns {float: left; width: 900px; padding: 0px 0px 20px 20px;}

#fullcolumns {width: 680px; float: left; padding: 0px 10px 0px 0px;}
#fullcolumns .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#fullcolumns .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;}
#fullcolumns .blockel a {color: #000000;}
#fullcolumns .blockel a:hover {text-decoration: underline;}
#fullcolumns .blockel p {line-height: 160%;}
#fullcolumns .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#fullcolumns .blockel .lefttxt {width: 470px; float: left; padding: 0px 10px 0px 0px;}
#fullcolumns .blockel .rightimage {float: right; border: 1px solid #000000; padding: 0px 10px 0px 0px;}
#fullcolumns .blockel .suivre {background-image: url(); background-repeat: no-repeat; width: ; height: ; }
#fullcolumns .blockel .suivre span {display: none;}

#leftcolumn {width: 680px; float: left; padding: 0px 10px 0px 0px;}
#leftcolumn .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#leftcolumn .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;}
#leftcolumn .blockel a {color: #000000;}
#leftcolumn .blockel a:hover {text-decoration: underline;}
#leftcolumn .blockel p {line-height: 160%;}
#leftcolumn .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#leftcolumn .blockel .lefttxt {width: 400px; float: left; padding: 0px 10px 0px 0px;}
#leftcolumn .blockel .rightimage {float: right; border: 1px solid #000000; padding-left: 0px 0px 0px 0px;}

#leftcolumn .blockel .suivre {background-image: url(); background-repeat: no-repeat;  }
#leftcolumn .blockel .suivre span {display: none;}



#fullpage {width: 900px; float: left; padding: 0px 10px 0px 0px;}
#fullpage .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#fullpage .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;}
#fullpage .blockel a {color: #000000;}
#fullpage .blockel a:hover {text-decoration: underline;}
#fullpage .blockel p {line-height: 160%;}
#fullpage .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#fullpage .blockel .lefttxt {width: 500px; float: left; padding: 0px 10px 0px 0px;}
#fullpage .blockel .rightimage {float: left; border: 1px solid #000000; }
#fullpage .blockel .rightimage2 {float: left;  }
#fullpage .blockel .suivre {background-image: url(); background-repeat: no-repeat; width: ; height: ; }
#fullpage .blockel .suivre span {display: none;}

#rightcolumn  {width: 200px; padding: 50px 0px 0px 0px; }

#rightcolumn .blockel {background-image: url(images/rightblockbg.jpg); background-repeat: no-repeat; width: 200px; height: 213px; padding: 30px 0px 0px 25px;}
#rightcolumn .blockel h1 {margin: 0; font-size: 24px; padding: 0px 0px 20px 0px;}
#rightcolumn .blockel h2 {margin: 0; font-size: 20px; padding: 0px 0px 20px 0px;}
#rightcolumn .blockel h3 {margin: 0; font-size: 14px; padding: 0px 0px 14px 0px;}
#rightcolumn .blockel .image {float: left; border: 1px solid #000000; margin: 5px 10px 5px 0px;}

#rightcolumn .blockel h4 {margin: 0; padding: 5px 0px 5px 0px; font-size: 14px;}
#rightcolumn .blockel h4 a {color: #000000;}
#rightcolumn .blockel h4 a:hover {text-decoration: underline;}
#rightcolumn .blockel .righttxt p {padding: 5px 0px 5px 0px; margin: 0px 15px 0px 0px; font-size: 10px;}

#rightcolumn .imagegallery .image {margin: 5px 5px 0px 10px;}

#rightcolumn ul {list-style:circle; }

#rightcolumn ul a {color: #667700; }







#twocolumns2 {float: left; width: 880px; padding: 20px 20px 20px 20px;}

#fullcolumns2 {width: 900px; float: left; padding: 0px 10px 0px 0px;}
#fullcolumns2 .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#fullcolumns2 .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;}
#fullcolumns2 .blockel a {color: #000000;}
#fullcolumns2 .blockel a:hover {text-decoration: underline;}
#fullcolumns2 .blockel p {line-height: 160%;}
#fullcolumns2 .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#fullcolumns2 .blockel .lefttxt {width: 390px; float: left; padding: 0px 10px 0px 0px;}
#fullcolumns2 .blockel .rightimage {float: left; border: 1px solid #000000;}
#fullcolumns2 .blockel .suivre {background-image: url(); background-repeat: no-repeat; width: ; height: ; }
#fullcolumns2 .blockel .suivre span {display: none;}

#leftcolumn2 {width: 200px; float: right; padding: 0px 10px 0px 0px;}
#leftcolumn2 .blockel {background-image: url(images/divider.png); background-repeat: no-repeat; padding-top: 26px; padding-bottom: 10px;}
#leftcolumn2 .blockel h1 {font-size: 24px; margin: 0; padding: 10px 0px 10px 0px;}
#leftcolumn2 .blockel a {color: #000000;}
#leftcolumn2 .blockel a:hover {text-decoration: underline;}
#leftcolumn2 .blockel p {line-height: 160%;}
#leftcolumn2 .blockel .bottomborder {background-image: url(images/divider.png); background-repeat: no-repeat; padding-bottom: 26px; background-position: 0 100%;}
#leftcolumn2 .blockel .lefttxt {width: 200px; float: left; padding: 0px 0px 0px 0px;}
#leftcolumn2 .blockel .rightimage {float: left; border: 1px solid #000000; }
#leftcolumn2 .blockel .suivre {background-image: url(); background-repeat: no-repeat; width: ; height: ; }
#leftcolumn2 .blockel .suivre span {display: none;}

#leftcolumn2 ul {list-style-type:circle; }
#leftcolumn2 ul li a {color: #315587; font-size: 12px; font-weight: bold; }
#leftcolumn2 ul li a:hover {color: #c2d9ec; text-decoration: underline;}


#rightcolumn2 {float: left; width: 625px; }
#rightcolumn2 .blockel {background-image: url(images/rightblockbg.jpg); background-repeat: no-repeat; width: 625px; height: 213px; padding: 0px 0px 0px 15px;}

#rightcolumn2 .blockel h1 {margin: 0; font-size: 24px;color: #315587; padding: 0px 0px 20px 0px;}
#rightcolumn2 .blockel h2 {margin: 0; font-size: 20px;color: #315587; padding: 0px 0px 20px 0px;}
#rightcolumn2 .blockel h3 {margin: 0; font-size: 14px;color: #315587; padding: 0px 0px 14px 0px;}
#rightcolumn2 .blockel .image {float: left; border: 1px solid #000000; margin: 5px 10px 5px 0px;}

#rightcolumn2 .blockel h4 {margin: 0; padding: 5px 0px 5px 0px; font-size: 14px;}
#rightcolumn2 .blockel h4 a {color: #000000;color: #315587;}
#rightcolumn2 .blockel h4 a:hover {text-decoration: underline;color: #c2d9ec;}
#rightcolumn2 .blockel .righttxt p {padding: 5px 0px 5px 0px; margin: 0px 15px 0px 0px; font-size: 10px;}

#rightcolumn2 .imagegallery .image {margin: 5px 5px 0px 10px;}


#rightcolumn .calendrier h5 {text-align: center; font-size: 14px; margin: 0; padding: 15px 0px 5px 0px;}
#rightcolumn .calendrier h4 {font-size: 30px; color: #717275; text-align: center; margin: 0; padding: 5px 0px 10px 0px;}
#rightcolumn .calendrier h4 span {color: #caccce;}
#rightcolumn .calendrier table {width: 100%; margin: 0; padding: 0; text-align: center; font-size: 14px;}
#rightcolumn .calendrier table thead td {background-color: #caccce; color: #636466; font-weight: bold; padding: 5px;}
#rightcolumn .calendrier table tbody td {padding: 5px;}





*/