@charset "utf-8";
/* CSS Document */

body,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
* html body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; font-family:tahoma, Arial, Helvetica, sans-serif; background-image:url(../images/fond1_haut.jpg); background-position:top center; background-repeat:no-repeat}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} 
:focus {-moz-outline-style: none;}
img {behavior: url(../iepngfix.htc) }

input { margin:4px 0}

body { background:url(../images/fond.jpg) top center no-repeat #ebeddb;}

#global { margin:0 auto; width:987px;}
#contenu { width:961px; border:1px solid #333; background:#fff; padding:13px; min-height:600px; }

ul.menu { list-style:none; float:left; margin:0; padding:8px 0 8px 4px; color:#FFF; font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:12px;}
ul.menu * { margin:0; padding:0; z-index:40}
ul.menu a, ul.menu a:link, ul.menu a:active, ul.menu a:visited {font-size:12px; font-weight:normal; /*text-transform:uppercase;*/ display:block; color:#fff; text-decoration:none; border-left:1px solid #fff; padding-left:6px;}
ul.menu a:hover {font-size:12px;	font-weight:normal;	/*text-transform:uppercase;*/	display:block;	color:#e5f0d3;	text-decoration:underline; background-color:#20313e	}
ul.menu li {position:relative;	float:left;	margin-right:8px;}
* html ul.menu li {position:relative;	float:left;	margin-right:10px;}
ul.menu ul {position:absolute; 	top:22px; 	left:0; 	background:#20313e; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; 	border-top:none; 	width:160px; margin:0; padding:0;}
ul.menu ul li a {color:#fff;	display:block; padding:5px 7px 7px; background-color:#20313e; }
ul.menu ul li a:hover {color:#fff;background-color:#4d5a65;}
ul.menu ul ul {left:160px; top:0px;}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; width:160px;}
ul.menu .topline {border-top:1px solid #aaa;}

.photoacc {position:relative;}
.slogan { position: absolute; z-index:10; top:10px; left:36px;}
.menuPelchat {	position: absolute;	z-index:20;	background:url(../images/fondmenu.png) no-repeat;	width:224px;	height:197px;	top: 20px;	left:670px;	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;	padding:114px 0 0 44px;	letter-spacing:-1px;	color:#18657d;}
.menuPelchat ul { list-style:none; margin-bottom:20px; }
.menuPelchat li { margin:6px 0; font-weight: normal; font-size:21px;}
.menuPelchat li a { color:#18657d; border-bottom:1px dashed #18657d; text-decoration:none }
.menuPelchat li a:hover {border-bottom:none;}
.menuPelchat p { font-size:16px; text-transform:uppercase;}
.menuPelchat strong { font-size:24px;}
.menuPelchat p a {color:#18657d;}
.menuPelchat p a:hover { text-decoration:none}
.menuPelchat object { float:left; margin:120px 0 0 -26px; z-index:30; position:absolute;}
html:not([lang*=""]) .menuPelchat object {margin:132px 0 0 -26px; }

.menuactivite {position: absolute; z-index:30; top:328px; left:21px; width:621px; height:167px; }
* html .menuactivite {position: absolute; z-index:30; top:328px; left:15px; width:626px; height:167px; }
.over {position: absolute; top:0px; left:1px;}
.btcroisieres, .btpeche,  .btkayak, .btplongee, .btmotoneige { width:123px; height:165px; float:left; margin:0; border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; display:block}
a.btcroisieres {background-image: url(../images/bt_croisieres.jpg); display:block; width:123px;} 
a.btcroisieres:hover {background: url(../images/bt_croisieres.jpg) 0 -165px  }

a.btpeche {background-image: url(../images/bt_peche.jpg); display:block; width:123px;} 
a.btpeche:hover {background: url(../images/bt_peche.jpg) 0 -165px  }

a.btkayak {background-image: url(../images/bt_kayak.jpg); display:block; width:123px;} 
a.btkayak:hover {background: url(../images/bt_kayak.jpg) 0 -165px  }

a.btplongee {background-image: url(../images/bt_plongee.jpg); display:block; width:123px;} 
a.btplongee:hover {background: url(../images/bt_plongee.jpg) 0 -165px  }

.btmotoneige { border-right:1px solid #fff;}
a.btmotoneige {background-image: url(../images/bt_motoneige.jpg); display:block; width:123px;} 
a.btmotoneige:hover {background: url(../images/bt_motoneige.jpg) 0 -165px  }

.btflechegauche { width:30px; height:28px; float:right; margin:0 6px 0 0; }
a.btflechegauche {background-image: url(../images/fleche_gauche.gif); display:block; width:30px;} 
a.btflechegauche:hover {background: url(../images/fleche_gauche.gif) 0 -28px  }

.btflechedroit { width:29px; height:28px; float:right; margin:0 0 0 6px; }
a.btflechedroit {background-image: url(../images/fleche_droit.gif); display:block; width:29px;} 
a.btflechedroit:hover {background: url(../images/fleche_droit.gif) 0 -28px  }


.btcroisieres-en, .btpeche-en,  .btkayak-en, .btplongee-en, .btmotoneige-en { width:123px; height:165px; float:left; margin:0; border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; display:block}
a.btcroisieres-en {background-image: url(../images/bt_croisieres-en.jpg); display:block; width:123px;} 
a.btcroisieres-en:hover {background: url(../images/bt_croisieres-en.jpg) 0 -165px  }

a.btpeche-en {background-image: url(../images/bt_peche-en.jpg); display:block; width:123px;} 
a.btpeche-en:hover {background: url(../images/bt_peche-en.jpg) 0 -165px  }

a.btkayak-en {background-image: url(../images/bt_kayak-en.jpg); display:block; width:123px;} 
a.btkayak-en:hover {background: url(../images/bt_kayak-en.jpg) 0 -165px  }

a.btplongee-en {background-image: url(../images/bt_plongee-en.jpg); display:block; width:123px;} 
a.btplongee-en:hover {background: url(../images/bt_plongee-en.jpg) 0 -165px  }

.btmotoneige-en { border-right:1px solid #fff;}
a.btmotoneige-en {background-image: url(../images/bt_motoneige-en.jpg); display:block; width:123px;} 
a.btmotoneige-en:hover {background: url(../images/bt_motoneige-en.jpg) 0 -165px  }





.nouvelle {position: absolute; z-index:30; top:348px; left:671px;	width:255px;	height:135px;	background:url(../images/titre_nouvelle2.png) no-repeat;	padding:44px 22px 0 14px; clear:both;}
/*.nouvelle p {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; letter-spacing:-1px; color:#18657d; padding:4px 0; font-size:18px;}*/
.nouvelle p {font-family:Arial, sans-serif; letter-spacing:-1px; color:#18657d; padding:4px 0; font-size:18px;}
.nouvelle p a{color:#18657d; text-decoration:underline;}
.nouvelle p a:hover{color:#18657d; text-decoration:none;}

.nouvelle a{ text-decoration:none;}
.nouvelle a:hover{ text-decoration:underline; color:#18657d;}

.accueil { margin-top:52px!important;}
/*.page {	background-color:#fff;	padding:12px 8px 0 8px;	position: absolute;	z-index:50;	top:385px;	left:-6px;	width:606px;	height:58px;	margin-left:28px;}
.page h1 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; letter-spacing:-1px; color:#18657d; font-weight:normal; font-size:24px; margin:0 0 6px 0;}*/

.page {		padding:12px 8px 0 8px;	position: absolute;	z-index:20;	top:330px;	left:-6px;	width:955px;	height:120px;	margin-left:6px; background-image:url(../images/fondtitre2.png)}
.page h1 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; letter-spacing:-1px; color:#18657d; font-weight:normal; font-size:24px; margin:65px 0 0px 22px; width:600px;}

.colgauche {width:670px; margin:6px 0 12px 0px; float:left;}
.colgauche .menuactivite{position: relative; z-index:0; top:0; left:20px; width:621px; height:167px;}
.colgauche p { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:21px; text-align:justify; margin:8px 38px 8px 32px;}
.colgauche ul { list-style:circle}
.colgauche li { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; text-align:justify; margin:0px 38px 0px 52px;}
.colgauche li a { color:#000; text-decoration:underline}
.colgauche li a:hover { color:#000; text-decoration:none}


.colgauche p a{ color:#18657d; text-decoration:underline; font-weight:bold}
.colgauche p a:hover{ color:#000; text-decoration:none}
.colgauche h1 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; letter-spacing:-1px; color:#18657d; font-weight:normal; font-size:24px; margin:0 0 6px 0; margin:4px 26px 4px 32px;}
.colgauche h2 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; letter-spacing:-1px; color:#18657d; font-weight:normal; font-size:16px;  margin:4px 26px 12px 32px;}
.colgauche .resumer div {margin: 0px 6px 0 6px;}
.colgauche .resumer{ padding:8px 0 0 21px }

.coldroit { float:right; width:290px; padding:29px 0 0 0 ; background-color:#FFF; margin-bottom:12px;}
.coldroit hr { margin:24px 0 12px 0; border:3px solid #e5e5e5 }
.accueildr {  margin-top:52px!important;}
.accforfait { padding:12px; background-color:#FFF; border:6px solid #CCC; margin:8px 8px 0 4px;;}
.accforfait p { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.accforfait h2, .accforfait h2 a {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;  color:#f7931e; font-weight:bold; font-size:14px; text-decoration:none;}
.accforfait h2 a:hover { text-decoration:underline}
.accforfait h3, .accforfait h3 a {font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#000; font-weight:normal; font-size:12px; text-decoration: underline; margin:0 0 8px 0}
.accforfait h3 a:hover {text-decoration:none}


.resumer { background:url(../images/fond_resumer.jpg) repeat-x; min-height:300px; margin:12px 0 }
*html .resumer { background:url(../images/fond_resumer.jpg) repeat-x;  margin:12px 0 }

.resumer table { font-family:tahoma, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold}
.resumer .bleu { background:url(../images/fond_tr_bleu.jpg) no-repeat  0 109px;}
.resumer .bleu h4 a { color:#18657d;}
.resumer .rouge { background:url(../images/fond_tr_rouge.jpg) no-repeat  0 109px;}
.resumer .rouge h4 a { color:#ed1c24;}
.resumer .vert { background:url(../images/fond_tr_vert.jpg) no-repeat  0 109px;}
.resumer .vert h4 a { color:#49632d;}
.resumer .turquoise { background:url(../images/fond_tr_turquoise.jpg) no-repeat  0 109px;}
.resumer .turquoise h4 a { color:#2e959f;}
.resumer .rouge h4 a:hover, .resumer .vert h4 a:hover, .resumer .turquoise h4 a:hover, .resumer .bleu h4 a:hover { text-decoration:none}
.resumer .info { padding-top:165px; }
.resumer div { width:300px; float:left; margin: 8px 0 0 18px;}
.resumer img { border:1px solid #fff}
.resumer h3, .resumer h3 a {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;  color:#ffffff; font-weight:normal; font-size:18px;   text-decoration:none}
.resumer h3 { margin-left:5px;}
.resumer h3 a:hover { color:#ffffff; text-decoration:underline}
.resumer h2 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;  color:#ffffff; font-weight:normal; font-size:14px; text-transform:uppercase; margin-left:5px;}
.resumer p {font-family:Arial, Helvetica, sans-serif; margin:12px 0 8px 6px; font-size:14px; line-height:16px; }
.resumer p a { font-weight:bold; color:#18657d}
.resumer p a:hover { text-decoration:none;}
.resumer h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:12px 0 12px 6px;  color:#18657d; font-weight:normal; }
.resumer ul { }
.resumer li {margin:0 0 0 18px; padding:0;}


.resumer_region { background-color:#c5d8dc; padding:6px; }
.resumer_region div { background-color:#ecf1f2; border:2px solid #fff; padding:6px;}
.resumer_region img { border:2px solid #fff; text-align:left; margin-right:8px;}
.resumer_region h2, .resumer_region h2 a {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; letter-spacing:-1px; color:#18657d; font-size:21px; text-decoration:none; font-weight:normal}
.resumer_region h2 a:hover {color:#18657d; text-decoration:underline }
.resumer_region p {font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:6px 0; line-height:18px;}
.resumer_region h4, .resumer_region h4 a { font-family:Arial, Helvetica, sans-serif;color:#18657d; font-size:16px; text-decoration:none; font-weight:bold; text-align:right }
.resumer_region h4 a:hover {color:#18657d; text-decoration:underline }

.footer {font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none; margin:8px;}
.footer a { text-decoration:underline; color:#000;}
.footer a:hover { text-decoration:none;}

#barrenavigation { width :283px; padding:0 ; margin :4px 0 12px 6px; float :left ;  }
#barrenavigation h3{font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;  padding: 6px 0 6px 18px ; font-size: 16px; font-weight: normal;  color: #FFF;  cursor: pointer; margin : 0 0 1px 0 ; }  
#barrenavigation img { border:1px solid #fff;  display:block}
#barrenavigation a{ text-decoration : none; color:#FFF}  
#barrenavigation .rouge{background:url(../images/fond_tr_rouge.jpg) 0 -64px;}
#barrenavigation .jaune{background:url(../images/fond_tr_jaune.jpg) 0 -64px;}
#barrenavigation .vert{background:url(../images/fond_tr_vert.jpg) 0 -64px;}
#barrenavigation .bleu{background:url(../images/fond_tr_bleu.jpg) 0 -64px;}
#barrenavigation .turquoise{background:url(../images/fond_tr_turquoise.jpg) 0 -64px;}

.coldroit h4 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; font-weight:normal; font-size:28px }
.btcartepourvoirie { width:283px; height:107px; float:left; margin:-6px 0 0 6px; display:block}
a.btcartepourvoirie {background-image: url(../images/bt_cartepourvoirie.jpg); display:block; width:283px; color:#18657d; text-decoration:none; padding:4px 0 0 0px;} 
a.btcartepourvoirie:hover {background: url(../images/bt_cartepourvoirie.jpg) 0 -121px; color:#18657d; text-decoration:underline }
.coldroit h5 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:16px; color:#18657d; padding:6px 0; clear:both}
.coldroit h5 a{color:#18657d; text-decoration:none;}
.coldroit h5 a:hover{color:#18657d; text-decoration:underline;}

.btcartebaleine { width:283px; height:121px; float:left; margin:-6px 0 0 6px; display:block}
a.btcartebaleine {background-image: url(../images/bt_baleine.jpg); display:block; width:283px; color:#18657d; text-decoration:none; padding:0px 0 0 0px;} 
a.btcartebaleine:hover {background: url(../images/bt_baleine.jpg) 0 -121px; color:#18657d; text-decoration:underline }

.albumphoto { border:1px solid #CCC; margin:6px 0 0 4px; padding:4px;}

.adresse { margin:18px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:12px;}
.adresse p { margin:4px 0;}
.adresse h2 {font-family:Helvetica, "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:16px;  color:#18657d; text-transform:uppercase; margin:6px 0 0 0;}
.adresse p a {color:#18657d; text-decoration:underline}
.adresse p a:hover {color:#18657d; text-decoration:none}
.adresse img{ margin-bottom:12px; display: block; }