/* www.bougelareunion.com */

body { margin:0; padding:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; }

/* conteneur */
#bougelareunion { border:1px solid #ccc; margin:10px auto; width:951px; height:auto; clear:both;/*height:1299px;*/ /*background:url(../design/fd.jpg) no-repeat;*/ overflow:hidden; padding-bottom:20px;}

#top { height:165px; width:950px; background:url(../design/top-trans2.gif) no-repeat;/**/ z-index:auto;}
#logo img { margin:28px 0 0 14px; }
#left { float:left; height:auto; margin-top:-35px; width:205px; /*background-color:#ccc; background-color:#CCFF00;*/ }
#center { float:left; height:auto; width:540px; margin-top:-35px; font-size:12px;/*background-color:#ff0000; clear:both;*/ }
#right { float:right; height:auto; margin-top:-35px;/**/ width:205px; /*background-color:#ccc;*/ }

/* bloc connection + bloc pubhaut */
#cadreLog { float:right;  height:auto; width:205px; margin-top:20px; font-size:11px;/*background-color:#ccc;*/ }
#cadreLog input{ border:0; font-size:12px; /*height:14px;*/ }
.parenthLog { font-size:11px; float:left; padding-top:0px 0 0 0px; margin-top:0px; height:24px; background:url(../design/parentheses-log.gif) 0px 0px no-repeat;
width:135px; }
.parenthLog input{ width:108px; padding:2px 0; margin-top:3px; margin-left:10px; }
.validation { float:right; color:#FFFFFF; /*width:150px; text-align:center;*/ margin:5px 0 0 0; padding:0; /*background-color:#FF0066;*/ }
#infoConn {  height:95px; }
.infoConnAvatar { float:right; border:1px solid #333; margin:4px 5px 0 0; }
.infoConnTxt { margin-left:10px; }
#ok { /*padding:2.8em; margin:4px; */color:#fff; padding-top:1.6em; background:url(../design/log-ok.gif) 0px 0 no-repeat /*100% 100%*/; width:50px; heigh:52px;/**/ cursor:pointer;}

#cadreTop { float:right; height:110px; width:475px; /*width:415px;*/ margin-top:20px; /*background-color:#666;*/ }
.info-top { margin-top:8px; font-size:11px;/* */}
.info-toptop { width:230px; float:right; margin-right:5px;}
.titre-info-toptop { /**/float:left; font-weight:bold; width:120px; font-size:14px; margin-top:20px; }
.texte-info-toptop { padding-top:10px; text-align:justify;  /*float:right;*/}
.imgtop { width:102px; float:left; /*padding:0 10px 0 10px;*/}
/* bloc menu haut */
#topBas { position:relative; top:-25px; left:0px; height:35px; width:100%; /*background-color:#ff0000;*/ }
#topBasMenu { float:left; padding-left:205px; /*margin-left:205px;*/ height:35px; width:540px; /*border:1px solid #ccc; background-color:#fff;*/ }
#topBasMemb { float:right; /*margin-top:10px;*/ height:25px; width:205px; font-size:11px; font-weight:bold;  }
#topBasAkout { float:right; height:54px; width:119px;   }
/* --------------------------------------------------------------------------------------------------------- */
/* generalites */
ul { list-style-type:none; margin:0; padding:0; }
li {  }
form { margin:0; padding:0; }
.clear { clear:both; }
h1 { font-size:14px; padding:0; margin:0; }
h2 { font-size:12px; font-weight:bold; padding:0; margin:0; }
h3 { font-size:12px; padding:0; margin:0; text-align:right; font-weight:normal;}
h3 a{ text-decoration:none;}
table th { font-family : Verdana; font-weight : bold; font-size : 9px; text-align: left; }
/* couleurs des liens en fonction du menu */
/* TODO : active, visited, hover, selected */
.bienetre { color:#E78D00; }
.air { color:#006FB0; }
.mer { color:#00929A; }
.terre { color:#00822D; }
.detente { color:#CF404B; }

.err { margin:5px auto; width:90%; border:1px solid #ff0000; }
.errtt { display:block; background-color:#FF0000; color:#FFFFFF; text-align:center; font-weight:bold; }
.errtxt { display:block; color:#ff0000; padding:2px 5px; }
.chpsErr { background-color:#FF7777; }
.suc { margin:5px auto; width:90%; border:1px solid #339933; }
.succestt { display:block; background-color:#339933; color:#FFFFFF; text-align:center; font-weight:bold; }
.succestxt { display:block; color:#339933; padding:2px 5px; }

.listeInscrits { margin:5px auto; width:100%; border:1px solid #ccc; }
.listtt { display:block; background-color:#ccc; color:#333; text-align:center; font-weight:bold; font-size:11px; }
.inscrit { display:block; padding:2px 2px; overflow:auto; border-bottom:1px solid #ccc;}
/* --------------------------------------------------------------------------------------------------------- */
/* bloc LEFT # menus */
#cadreAcc { height:224px; }
#cadreAcc p { margin:0; padding:0px 10px; /*font-family:"Courier New", Courier, mono;*/ color:#666; font-size:12px; text-align:justify; /*border:1px solid #333;*/
line-height: 110%; /*letter-spacing :normal ;*/ }
#cadreAcc img { margin:10px; }

.menu-bienetre { height:auto;  /*background:url(../design/bienetre.gif) no-repeat;*/ padding-bottom:5px; }
.menu-bienetre ul {  line-height: 0.9; /*padding-top:61px;*/ }
.menu-bienetre li { margin-left:10px; cursor:pointer;}
.menu-bienetre a { color:#E78D00; text-decoration:none; font-weight:600; font-size:12px; cursor:pointer;}

.menu-air { height:auto; padding-bottom:5px; /*background:url(../design/air.gif) no-repeat;*/ /*margin-top:-20px;*/ }
.menu-air ul { line-height: 0.9; /*padding-top:52px;36px*/ }
.menu-air li { margin-left:10px; cursor:pointer;}
.menu-air a { color:#006FB0; text-decoration:none; font-weight:bold; font-size:12px; cursor: pointer; }

.menu-mer { height:auto; padding-bottom:5px; /*background:url(../design/mer.gif) no-repeat;*/  }
.menu-mer ul { line-height: 0.9; /*padding-top:54px;38px;*/ }
.menu-mer li { margin-left:10px; cursor:pointer;}
.menu-mer a { color:#00929A; text-decoration:none; font-weight:bold; font-size:12px; cursor: pointer;}

.menu-terre { height:auto; padding-bottom:5px; /*background:url(../design/terre.gif) no-repeat;*/  }
.menu-terre ul { line-height: 0.9; /*padding-top:54px;38px;*/ }
.menu-terre li { margin-left:10px; cursor:pointer;}
.menu-terre a { color:#00822D; text-decoration:none; font-weight:bold; font-size:12px; cursor: pointer;}

.menu-detente { height:auto; padding-bottom:5px; /*background:url(../design/detente.gif) no-repeat;*/  }
.menu-detente ul { line-height: 0.9; /*padding-top:70px; 54px;*/}
.menu-detente li { margin-left:10px; cursor:pointer;}
.menu-detente a { color:#CF404B; text-decoration:none; font-weight:bold; font-size:12px; cursor: pointer;}
/* --------------------------------------------------------------------------------------------------------- */
/* bloc CENTER # contenus */
.bandeauInfo { padding-left:8px; padding-top:4px; margin-top:21px; height:28px; background:url(../design/parentheses.gif) 3px -2px no-repeat;
/*font-family:"Courier New", Courier, mono;*/ color:#666; font-size:13px; }
.messDefil { margin-right:10px; margin-left:1px;  }
#activit { font-size:12px; margin-top:22px; /*height:600px; background-color:#CC9933;*/}
#activit p img{ /*border:1px solid #ff0000;*/float:left;  }
#activitG { float:left; /*background-color:#33FFFF;*/ width:242px; padding:0 5px;}
#activitD { float:left; /*background-color:#ccc;*/ width:280px;padding:0 2px; }
#activitD img { margin:1px auto; }/**/
#activitG p { text-align:justify; }
#activitG ul li span { font-weight:bold; }
#activitG ul li p { /*background-color:#fff;*/ margin:0; }
#activitG ul.infoActi1 {  }
#activitG ul.infoActi2 li span { color:#BEB19F; }

#paza { padding:0px; margin-top:-5px}
.idee-loisir, .zoom, .divActi { float:left; height:auto; width:100%; font-size:11px;  }
.idee-loisir,.divActi { margin:7px 0; }
.zoom { margin-bottom:10px;/*width:auto;  background-color:#cccccc;*/ }
.info-zoom { /*background-color:#cccccc;*/float:left; }
.imgAlignLeft { /**/ float:left; padding:0 10px 0 10px; }
.titre-info-loisir, .titre-info-zoom { font-weight:bold; /*width:100%;float:left; background-color:#333333;*/ /*width:300px;*/ }
.titre-info-zoom { width:220px; }
.texte-info-zoom { /*float:left;background-color:#ff0000; */width:220px; text-align:justify; }
.texte-info-loisir { text-align:justify; }
.pa-acc { float:left; width:180px; padding-left:10px;/* margin-left:10px; background-color:#ff0000;*/ }
.pa-acc p { margin:0; font-size:11px; padding:0; }
.pa-acc-savoir{ margin:0 0 10px 0; }

/*.savoir-plus { clear:both; float:left; margin-top:-13px; padding:0; }*/
.savoir-plus { /*clear:both; float:left; margin-top:-13px;*/ padding:0; }
.savoir-plus img { margin-left:125px; }

ul#dmonglets { float:left; width:100%; margin-top:10px; border-bottom:1px solid #BFB4A0; }
ul#dmonglets li { float:left; margin:0 5px; padding:3px 0px; border-color:#BFB4A0; border-width:1px 1px 0 1px; border-style:solid ; }
/*ul#dmonglets li span { font-size:11px; font-weight:bold; color:#BFB4A0; cursor:pointer; }
ul#dmonglets li span:hover { color:#6699CC; }
ul#dmonglets li.active span{ background-color:#BFB4A0; color:#fff;  }
ul#dmonglets li.active span:hover{ background-color:#BFB4A0; color:#fff; }*/

ul#dmonglets li a { font-size:11px; font-weight:bold; padding:4px 10px; color:#BFB4A0; text-decoration:none; }
ul#dmonglets li a:hover { color:#6699CC; }
ul#dmonglets li a.active { background-color:#BFB4A0; color:#fff; }

ul#resaonglets { float:left; width:100%; margin-top:10px; border-bottom:1px solid #BFB4A0; }
ul#resaonglets li { float:left; margin:0 5px; padding:3px 0px; border-color:#BFB4A0; border-width:1px 1px 0 1px; border-style:solid ; }
ul#resaonglets li a { font-size:11px; font-weight:bold; padding:4px 10px; color:#BFB4A0; text-decoration:none; }
ul#resaonglets li a:hover { color:#6699CC; }
ul#resaonglets li a.active { background-color:#BFB4A0; color:#fff; }


table.formDevmemb, table.formDevmemb2 { font-size:10px; }
table.formDevmemb th { width:90px; color:#666;/*font-size : 10px;text-align:left;background-color:#CCFF33; font-weight:bold;*/ }
table.formDevmemb2 th { color:#666; }
table.formDevmemb td, table.formDevmemb td2 { }
table.formDevmemb input, table.formDevmemb select, table.formDevmemb option,
table.formDevmemb2 input, table.formDevmemb2 select, table.formDevmemb2 option {  font-size : 10px;  }
table.formDevmemb select {  }
.subm { font-family : Verdana; font-size : 9px; font-weight : bold; padding-left:5px; width:auto; padding-right:5px; }
/*.formulaire input, .formulaire select, .formulaire option {
	font-family : Verdana;
	font-size : 10px;
}*/
table.formResa { font-size:10px; }
table.formResa th { width:140px; color:#666;/*font-size : 10px;text-align:left;background-color:#CCFF33; font-weight:bold;*/ }

table.formSearch { /**/font-size:11px; }
td.libSearch { font-weight:bold; padding:0 2px; text-align:right;}
table.formSearch input, table.formSearch select, table.formSearch option{ font-size:10px; }
.submSearch { font-family : Verdana; font-size : 9px; color:#0099CC; font-weight : bold; padding-left:5px; width:auto; padding-right:5px; }

.quisnous p { text-align:justify; }
/* --------------------------------------------------------------------------------------------------------- */
/* bloc RIGHT # activites */
table.tabListeActivites { font-size:11px; margin-left:5px; }
table.tabListeActivites td { padding-left:5px; vertical-align:top; }
table.tabListeActivites td.dateAct { padding:0px; margin:0; width:55px; font-weight:bold; text-align:right; }
table.tabListeActivites td a { cursor: pointer; }

.activites-preferees { font-size:12px; margin:0px 0 -10px 10px; }
.activites-preferees p{ margin-left:10px; }
.activites-preferees a { cursor:pointer; margin-left:10px;}
.recherche-activites { margin:10px 0 10px 5px; }
.recherche-activites div{ margin:0 0 2px 0; }
.typeRech,
.typeLog { float:left; }
.parenthRech { font-size:11px; text-align:center; float:left;/*padding-left:6px;*/padding-left:0px; padding-top:0px; margin-top:10px; height:14px; background:url(../design/parentheses-recherche.gif) 0px 0px no-repeat;
width:120px; }
.blocSearchDate { padding:0px; margin:0px; }
.calendrier { padding:0px; margin:0;}
.calendrier img { border:0; padding:0px; margin:0; }
.parenthRech form { padding:0; margin:0;  }
.blocSearchDate input { border:1px solid #fff;margin:0px; height:12px; font-size:9px; }
.btsearch { font-size:9px; height:18px; width:20px; padding:0; margin-left:5px; }

.activites-par-type { font-size:12px; margin-top:35px;}
.activites-par-type ul { line-height: 1.2; margin:10px 0 10px 10px; }
.activites-par-type li {  cursor:pointer; }
.combRechAct { width:108px; font-size:11px; }

.parenthRech select {
/*color:#999999;*/
/**/width:108px;
/*height:22px;*/height:16px;
border:0; /*background-color:#333;*/
/*margin:-2px;*/margin:-1px -1px -1px -1px;
voice-family: ""}"";
voice-family:inherit;
margin:-1px;
}
html>body select {
position:absolute;
clip: rect(2px, 108px, 18px, 0px);
margin:0;
padding:0; width:108px;/**/
/*width:189px; background-color:#FF0000;*/
}
.contentSelect div {
position:absolute;
margin-top:0px;
margin-left:0px;
/*margin-top:-1px;
margin-left:-1px;background-color:#FF0000;*/
/*width:98px;*/
height:16px;
voice-family: ""}"";
voice-family:inherit;
height:16px;
width:108px;
}
html>body div.contentSelect div {
/**/margin:1px 0 0 1px;
height:16px; /*background-color:#000000;*/
width:108px; 
}
.contentSelect {
position:relative;/*background-color:#000000;*/
}

/* --------------------------------------------------------------------------------------------------------- */
/* PUBS */

#pubLeft { /*margin:5px 0 0 10px;*/ margin:5px auto 0 auto; width:180px; height:150px; }
#pubLeft img { width:180px; height:150px; }
#pubCenterMid { /*margin-top:12px;margin-bottom:8px;*/margin:12px auto 8px auto; width:468px; height:60px; }
#pubCenterMid img,#pubCenterBot img  { width:468px; height:60px; }
#pubCenterBot { /*margin-left:10px;margin-top:15px; */ margin:15px auto 0 auto; width:468px; height:60px; }
#pubRight { /*margin-left:10px;margin-top:20px;*//* background-color:#CCCC33; */margin:20px auto 0 auto; width:160px; height:320px; }
#pubRight img { width:160px; height:320px; }

#pubTop { display: block; left:200px; /*margin-left:20 0 0 360px;*/ text-align:right; padding:0; width:417px; height:120px; /*background-color:#CCFF00;*/ z-index:auto;}




/*
// GESTION DU SELECT
<div class="conteneur">
<div>&nbsp;</div>
<select>
<option>choisir</option>
</select>
</div>

select {
color:#999999;
width:200px;
height:22px;
border:0;
margin:-2px;
voice-family: ""}"";
voice-family:inherit;
margin:-1px;
}
html>body select {
position:absolute;
clip: rect(2px, 188px, 21px, 2px);
margin:0;
padding:0;
width:189px;
}
.conteneur div {
position:absolute;
margin-top:-1px;
margin-left:-1px;
background-color:#FF0000;
width:200px;
height:20px;
voice-family: ""}"";
voice-family:inherit;
height:22px;
width:201px;
}
html>body div.conteneur div {
margin:1px 0 0 1px;
height:21px;
width:188px;
}
.conteneur {
position:relative;
}
*/