/* gg */
body{
background: #FFFFEE;
font-size:11px;
text-align:justify;
}
body.bodybg{
text-align:center;
font-family: Arial;
}
#oldbrowsers{
display:none;
}
img{
border:none;
}
#container{
width: 976px;
margin: 0px auto;
background: url('../images/container_repeat.jpg');
background-repeat: repeat-y;
}

/*HEADER*/
#header{
height: 126px;
background: url('../images/header.jpg');
background-repeat: no-repeat;
}
#header_logo{
height: 102px;
width: 228px;
text-align:right;
float: left;
}
#header_ad{
padding: 10px 10px 10px 0px;
margin: 20px 0px 0px 0px;
/*height: 64px;*/
width: 350px;
float: left;
text-align:center;
vertical-align: middle;
font-size:18px;
font-weight: bold;
color: #FFFFFF;
}
#header_right{
padding: 10px 10px 10px 0px;
margin: 12px 10px 12px 0px;
/*height: 64px;*/
float: right;
text-align:center;
vertical-align: middle;
}
#advert{
width: 468px;
height: 60px;
}
#header_logo h1{
padding:0px;
margin:0px;
background-image: url('../images/logo.gif');
background-repeat: no-repeat;
background-position:bottom;
width: 66px;
height: 102px;
float: right;
}
#header_logo h1 span{
display:none;
}
#header_link{
/*width: 300px;*/
text-align:right;
float:right;
padding: 0px 20px 0px 0px;
}
.disclaimer {
  font-size: 9px;
  text-align: justify;
  margin: 40px 0px 20px 0px;
  padding-bottom: 40px;
  border-bottom: 2px solid #FFFFFF;
}
/*CENTER*/
#center{
text-align: justify;
}
#center_link{
padding:10px 24px 10px 29px;
text-align: left;
width: 145px;
float:left;
}
div.conseil_home{
width : 140px;
margin : 5px 0px 5px 0px;
border : 1px solid #000;
background : #FFF;
text-align : justify;
padding : 0px 5px 0px 5px;
}
p.conseil_title{
font-weight : bold;
color : #FB6A12;
}
div#conseil_tip {
width : 140px;
margin : 5px 0px 5px 0px;
border : 1px solid #000;
background : #FFF;
color : #FB6A12;
padding : 0px 5px 0px 5px;
font-weight : bold;
}
div.conseil_page_list{
width : 720px;
border : 1px solid #FFF;
margin : 5px auto;
padding : 5px;
}
div.conseil_page_list a{
color : #000080;
font-size : 12px;
font : "Arial";
font-weight : normal;
}
div.conseil_title{
height : 20px;
font-weight : bold;
color:white;
background-color: #000080;
border-bottom: solid 2px #FFFFFF;
padding : 5px 0px 0px 5px;
margin : 0px 0px 5px 0px;
}
.sponsors_ima{
width : 150px;
height : 64px;
margin : 10px 0px 4px 0px;
border : 1px solid #000;
clear : both;
}
#center_content{
width: 763px;
float:right;
_clear : both;
}
#center_content .title{
margin-right:9px;
padding:5px 5px 5px 15px;
font-weight: bold;
color:white;
background-color: #000080;
border-bottom: solid 2px #FFFFFF;
}
#center_content .content{
margin:15px 20px 15px 15px;
text-align:justify;
}

/*FOOTER*/
#footer{
height: 54px;
background: url('../images/footer.jpg');
background-repeat: no-repeat;
}
#footer_adv{
float : left;
margin : 10px 0px 0px 20px;
text-align : left;
}
#footer_adv a{
color : #999;
font-size : 10px;
text-decoration : none;
}
#footer_link{
float : right;
text-align:right;
padding: 8px 20px 0px 0px;
}

/*DIVERS*/
.clearer_both{
clear:both;
}
a{
color: #9999BF;
font-weight: bold;
}
a:hover{
text-decoration:none;
color: #000080;
}




/*POPUP conseil du mois*/
#popup_box_repeat{
margin: 0px auto;
width:510px;
background: url('../images/popup_repeat.jpg');
}
#popup_box_bottom{
width:510px;
background: url('../images/popup_bottom.jpg');
background-repeat: no-repeat;
background-position: bottom;
}
#popup_box_top{
width:510px;
background: url('../images/popup_top.jpg');
background-repeat: no-repeat;
background-position: top;
}
#popup_box_top .title{
margin-top:15px;
margin-right:12px;
margin-left:12px;
padding:5px 5px 5px 15px;
font-weight: bold;
color:white;
background-color: #000080;
border-bottom: solid 2px #FFFFFF;
text-align:left;
}
#popup_box_top .content{
margin:15px 20px 15px 15px;
text-align:justify;
}
.popup_link{
margin-bottom:15px;
margin-right:12px;
margin-left:12px;
padding:5px 5px 5px 15px;
background-color: #FFFFEE;
text-align:right;
}


.garde{
border-bottom: solid 1px #FFFFFF;
margin-bottom: 10px;
padding-bottom: 10px;
margin-left: 15px;
}



/*INPUT*/
input, select{
background-color: #FFFFEE;
}
.input_button{
background-color: #E0DCE0;
font-weight: bold;
color:#9999BF;
}
.input_button:hover{
color:#000080;
background-color:#CCCCFF;
}
.input_buttonreset{
background-color: #E0DCE0;
font-weight: bold;
color:#FFFFFF;
}
.input_buttonreset:hover{
color:#000080;
background-color:#CCCCFF;
}
.input_checkbox{
background-color: transparent;
}

table{
border-collapse: collapse;
}
.form_table{
width: 100%;
border: solid 1px #FFFFFF;
}
.form_table td{
padding:4px; 
font-size: 11px;
}
.form_table2{
width: 100%;
border: solid 1px #FFFFFF;
}
.form_table2 td{
padding:4px; 
font-size: 11px;
}
.form_table3{
width: 100%;
border: solid 1px #CCCCFF;
background: #FFFFFF;
margin: 0px;
padding: 0px;
}
.form_table3 td{
padding:4px; 
font-size: 11px;
}
.form_table4{
width: 100%;
border: solid 1px #CCCCFF;
margin: 0px;
padding: 0px;
background: #FFFFFF;
}
.form_title{
background-color: #CCCCFF;
border-bottom: solid 1px #FFFFFF;
font-weight: bold;
}
.form_td_button{
border-top: solid 1px #FFFFFF;
background-color: #CCCCFF;
}

.form_td_buttonreset{
border-top: solid 1px #FFFFFF;
text-align: right;
background-color: #CCCCFF;
}

.neweven{
}
.newodd{
}

/* ADDED BY JO: ANNUAIRE ET SA NAVIGATION */
.error {
        font-weight: bold;
        color: #F33636;
}
.roweven {
        background-image: url(/images/even_bg.gif);
}
.rowodd {
}
#membertype {
        padding: 5px;
        border: 1px solid #122A84;
}
#memberlist li {
        padding: 2px 2px 8px 2px;
        border-bottom: 1px solid #122A84;
}
.navpages {
        padding: 2px;
}
.navcurrent {
        color: #000080;
        font-weight: bold;
        margin: 1px;
        padding: 1px;
	border: 1px solid #000080;
}
a.navpages {
        color: #000080;
        text-decoration: none;
        margin: 1px;
        padding: 1px;
}
a.navpages:hover {
        background: #000080;
        color: #FFFFFF;
        text-decoration: none;
}
input {
	font-size: 11px;
}
select {
	font-size: 11px;
}
textarea {
	font-size: 11px;
}
/*#memberdetail {
        margin: 80px 5px 5px 450px;
        background: #FFFFFF;
        width: 350px;
}*/

a.formlink {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
a.formlink:hover {
	color: #000080;
}
 
#dhtmltooltip{
position: absolute;
left: -300px;
width: 400px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}