/* portail wrapper */
#apwrapper {
    width: 100%;
    min-width: 1024px;
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:left; /* left-align text in IE */

}

/* IMPORT logostrip */
#aplogostrip{
    border: 0px solid green;
    height: 117px;
    width:100%;
    margin: 0;
    padding: 0;
}

#aplogostrip div{
    height: 97px;
    border:solid 0px blue;
}

#apcorps{
    border:solid 0px blue;
    margin:0; padding:0;
}

/*=============================
shoutbox styles
=============================*/
#apshoutbox{
    background:#99CCFF;
    border: 0px solid green;
    height: 32px;
    width:100%;
    margin: 0;
    padding: 0;
}

#apshoutbox div{
    border:solid 0px blue;
}

/* shouter and date*/
.apshouttitle {
    background-color: #99CCFF;
    color: #FFFFFF;
    line-height: 12px;
    vertical-align: bottom;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 32px;
    white-space: nowrap;
}

/* shout cell */
.shoutbox2 img {
    max-width:140px;
    max-height:20px;
    vertical-align: bottom;
}

.shoutbox2 {
    height:32px;
    position:relative;
    line-height:11px;
    padding: 0 0 0 0;
    border-width: 0px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
}
.shoutbox2 div{
    white-space: nowrap;
    position:absolute;
    bottom:8px;
    display:block;
}

.shoutentour {
    border:0px;
    padding: 0px;
    width: 32px;
    height: 32px;
}

#apcolgauche{
    float:left;
}

#apcolcentre{
    width:auto;
    margin:0px;
    overflow:auto;
}

.apblockcentre{
    margin:12px;
}

#apcoldroite{
    float:right;
}

#apencartpub{
    overflow:hidden;
    width:788px;
    height:120px;
    margin : auto;
}

#apencartpubb{
    overflow:hidden;
    width:788px;
    height:113px;
    margin : auto;
}

/* blocks barre titre */
.aptitre {
    vertical-align: bottom;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
}

.aptitre2 {
    vertical-align: middle ;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
}

.aptitre2 th{
height:35px;
background:#99ccff url(http://www.aqua-passion.com/APortail/templates/14/images/cellbg.jpg) repeat-x;
color: #fff;
font-weight:bold;
padding-left:5px;
}

h2{
font-size: 11px;
}

.aptitre3 a:link, 
.aptitre3 a:visited, 
.sottotitolo3,
.aptitre3 h1,
.aptitre3 h3,
.aptitre3 {
    margin : 0 ;
    vertical-align: middle ;
    text-align: left;

    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    white-space:nowrap;
}

.bg1 {
background:#99ccff;
}

.bg2 {
background:#5eacfe;
}

.bg3 {
background:#c5e3ff;
}

.ulmenuap{
margin:0;
padding:0 0 0 22px;
}

.apmenu {
    margin-left:5px;
    width:89%;
    overflow:hidden;
}



.ulmenuap2{
    padding:0px;
    list-style: none;
}

.ulmenuap2 li{
    white-space: nowrap;
    height:19px;
}

.ulmenuap2 li .icon{
   display:block;
   float:left;
   height:18px;
   width:18px;
   overflow: hidden;
}

.ulmenuap2 a{
    vertical-align: middle;
    padding-left:3px;
}



.apmenud {
    margin-left:17px;
    width:86%;
}

.apcont {
    background-color: #F8FBFF;
    margin:0 15px 0 15px;
}

.apcont p{
    margin:0;
    padding:5px;
}

.lienretour{
    color: #0099FF;
    font-size: 12px;
    font-weight: bold;
}

.cadre_r{
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    padding: 15px;
    border: 1px solid;
    margin:10px;
}

.intitule{
    color: #496c9f;
    text-decoration:underline;
    font-weight: bold;
    line-height: 20px;
}

.apcontforum {
    margin:10px 1px 0 1px;
}

#apfooter {
    color:#FFF;
    clear:both;
    height:119px;
}
/* block text links */
/* .tablemenu a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #496c9f;	
text-decoration: none;	
}

.tablemenu a:hover {
text-decoration: underline;
}

.tablemenu a:active { 
text-decoration: none; 	
} */

/* block td */
.tdblock {
background: #E8F2FF;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    margin: 2px;
}

.tdblock2 {
background-color:#c5e3ff;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    margin: 2px;
    padding: 5px;
}

/*=============================
hyperlink styles
=============================*/
a:link,
a:active,
a.aprem:link,
.importlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #496c9f;
    text-decoration: none;
}

a:visited,
a.aprem:visited,
.importvisited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #496c9f;
    text-decoration: none;
}

a:hover,
a.aprem:hover,
.importhover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

/* a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #496c9f;	
text-decoration: none; 	
} */

/* bold navbar, block, module links */
a.aprem{
    font-size: 11px;
    font-weight: bold;
}

a.aprem:link {
    text-decoration: none
}

a.aprem:visited {	
    text-decoration: none
}


a.aprem:hover {
    text-decoration: underline;
}

/*=============================
Autres perso
=============================*/
/* pour les pages internes */
.blocks {
    padding: 0px;
}

.insertmypage {
    padding: 5px 5px 5px 5px ;
    background-color: #F8FBFF;
    border: 0;
}

.insertmypagetitre {
    line-height: 30px;
    text-align: center;
    text-decoration: underline;
    font-size: 25px;
    font-weight: bold;
    color: #5DABF5;
    border: 0;
}

.coul1 {
    background-color: #EFF8FF;
}

.coul2 {
    background-color: #EEFFEE;
}

/*=============================
BACKGROUNDS
=============================*/
/* global contrasting text and hyperlink color */
.APtxtcontr,
a.APtxtcontr:link, 
a.APtxtcontr:visited {
    color: red;
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}

a.APtxtcontr:hover {
    font-weight: bold;
    text-decoration: underline;
}

/* contrasting text and hyperlink color 2 (admin) */
.APtxtcontr2,
a.APtxtcontr2:link, 
a.APtxtcontr2:visited {
    color: #0000ff;
    font-weight: bold;
    text-decoration: none;
}

a.APtxtcontr2:hover {
    font-weight: bold;
    text-decoration: underline;
}

/*=============================
form styles
=============================*/
input,
textarea,
select,
.bgselect, /* input fields */
.APbutton, /* global submit buttons */
.APblkinput, /* block input */
.APradio, 
.importforms
{
    /* border: 1px solid #4C77B6; */
    /* margin: 0px; */
    /* padding: 0px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    vertical-align: middle;
}

/* set form padding and margin */
/*.APbutton,*/ /* global submit buttons */
/* textarea,*/
input,
select,
.bgselect, /* input fields */
.APblkinput /* block input */
{
    margin: 0px;
    padding: 0px;
    font-size: 9px;
    font-weight: normal; /* needed for Mozilla */
}

/* radio/checkbox buttons - remove background color and border in IE */ 
/* .APradio {
background-color: transparent;
border-width: 0px;
} */

/* configure blog textarea */
textarea.APwrap1 {
    overflow: auto;
    /* width: 230px; */
    width: 100%;
}

/* edit blog textarea */
textarea.APwrap2 {
    overflow: auto;
    width: 500px ;
}

/* form verifs */
form .error {
    border: 2px solid #FF0000;
    padding-right: 30px;
    background: url('./images/wrong.gif') center right no-repeat #FCD6D4;
}

form .good {
    border: 2px solid #33FF00;
    padding-right: 30px;
    background: url('./images/good.gif') center right no-repeat #99FF99;
}

span.errormsg {
    font-weight: bold;
}

/*=============================
news styles
=============================*/
/* news table with border */
.tabnews {
    border-width: 1px;
    border-style: dashed;
    margin:0px;
    padding:5px;
    font-size: 11px;
    overflow: auto;
}

/*=============================
articles styles
=============================*/
/* news table with border */
.tabarticles {
    border-width: 1px;
    border-color: #E8F2FF;
    border-style: solid;
    margin:0px;
    padding:0px;
    font-size: 11px;
}

/*=============================
tableaux modules
=============================*/
.moduletabl {
    background-color: #E8F2FF;
}

.modulecell {
    background-color: #F8FBFF;
    padding:2px;
}

/*=============================
equipe
=============================*/
div.membrequipe {
    text-align:left;
    border-width: 1px;
    border-style: dashed;
    border-color: #E8F2FF;
    margin:0px;
    padding:0px;
    font-size: 11px;
}

/*=============================
calendrier form
=============================*/
.ds_box {
    background-color: #FFF;
    border: 1px solid #000;
    position: absolute;
    z-index: 32767;
}

.ds_tbl {
    background-color: #FFF;
}

.ds_head {
    background-color: #99CCFF;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

.ds_subhead {
    background-color: #C5E3FF;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    width: 32px;
}

.ds_cell {
    background-color: #E8F2FF;
    color: #000;
    font-size: 13px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    cursor: pointer;
}

.ds_cell:hover {
    background-color: #F3F3F3;
} /* This hover code won't work for IE */

/*=============================
aquapassiongest
=============================*/
a img{
border:0px;
}

div.pagination {
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
    font-size: 10px;
    text-align:left;
    padding:2px 3px 2px 0;
    background-color:#fff;
    color:#313031;
}

div.pagination a {
    color:#0030ce;
    text-decoration:none;
    padding:2px 3px 2px 2px;
    margin:0 1px 0 1px;
    border:1px solid #b7d8ee;
}

div.pagination a:hover, div.pagination a:active {
    color:#0066a7;
    border:1px solid #b7d8ee;
    background-color:#d2eaf6;
}
div.pagination span.current {
    padding:3px 4px 3px 3px;
    margin:0 1px 0 1px;
    border:1px solid #b7d8ee;
    font-weight:bold;
    color:#444444;
    background-color:#d2eaf6;
}
div.pagination span.disabled {
    display:none;
}

td.alertinf
{
    color: orange;
    font-weight: bold;
}
td.alertsup
{
    color: red;
    font-weight: bold;

}

div.autocomplete {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}

div.autocomplete ul li.selected {
    background-color: #EFF8FF;
}

div.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

/*mod forum*/
#category_23 {
    background-color:#FF3F47;
}
.categoryAP_23{border:#FF3F47 solid;border-width: 0 2px 0 2px;}

#category_20 {
    background-color:#5EACFE;
}
.categoryAP_20{border:#5EACFE solid;border-width: 0 2px 0 2px;}

#category_52 {
    background-color:#4074CF;
}
.categoryAP_52{border:#4074CF solid;border-width: 0 2px 0 2px;}

#category_72 {
    background-color:#CF7240;
}
.categoryAP_72{border:#CF7240 solid;border-width: 0 2px 0 2px;}

#category_62 {
    background-color:#3DAF36;
}
.categoryAP_62{border:#3DAF36 solid;border-width: 0 2px 0 2px;}

#category_21 {
    background-color:#1F1D1D;
}
.categoryAP_21{border:#1F1D1D solid;border-width: 0 2px 0 2px;}