body
{
    behavior: url('csshover.htc');	
	font-family:"Arial", verdana, "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:0.8em;
	background : #fff;
	margin-top : 0px;
	margin-bottom : 0px;
	color : #333;
}

/* hack FF pour envlever pointillés autour des liens */

a {

	outline: none;
}

:focus {

	-moz-outline-style: none;

}

.opacity
{
	filter:alpha(opacity=70);	/* Transparency */
	opacity:0.7;
}

/* fin de hack */

img
{
	border : none;
}

.clearboth
{
	clear:both;
}

.float-r
{
	float:right;
}

.float-l
{
	float:left;
}

.tcenter
{
	text-align: center;
}

.tleft
{
	text-align: left;
}

.croix_r
{
	display:block;
	width : 16px;
	height : 16px;
	background : url('../img/croix_r.png') top center no-repeat;
	margin-top : 3px;
	position : absolute;
	margin-left : 590px;
}

.croix_r_p
{
	display:block;
	width : 10px;
	height : 10px;
	background : url('../img/croix_r_p.png') top center no-repeat;
}

.ad_dep
{
	font-weight:bold;
	color : #fff;
	background : #b6ed60;
	display : block;
	line-height : 15px;
	text-align : center;	
}

/* ===== Quelques couleurs */

.bleu
{
	color : #87d4d8;
}

.blanc
{
	color : #fff;
}

.vert
{
	color : #b6e55a;
}

.rouge
{
	color : #f45f7e;
}

.gris
{
	color : #6e727d;
}

.orange
{
	color : #fc9a00;
}

.noir
{
	color : #4f4f4f;
}

.petit
{
	font-size : 10px;
}

.tnone
{
  text-decoration : none;
}


/* ===== Structure ===== */


#top_header
{
	width : 900px;
	height : 120px;
	background : url('../img/top_header.gif') top center no-repeat;
	margin : auto;
}

#logo 
{
	height : 120px;
	width : 200px;
	float:left;
	position : absolute;
}

#espace_connexion
{
	width : 885px;
	padding-right: 15px;
	line-height : 25px;
	height : 25px;
	margin : auto;
	color : #4f4f4f;
	background : url('../img/back_espace_con.gif') top center no-repeat;
	text-align : right;
}

#espace_connexion input
{
	height : 14px;
	line-height : 14px;
	width : 100px;
	border : none;
	margin : 0px auto 2px auto;
	background : #fff;
	color : #4f4f4f;
	border:1px solid #b6ed60;
	font-size : 1em;
 }
 
#espace_connexion .but_key
{
	height : 16px;
	line-height : 16px;
	width : 16px;
	border : none;
	margin : 3px auto 0px auto;
 }
 

dl, dt, dd, ul, li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}



#menu 
{
	z-index:100;
	width : 560px;
	margin: 67px 0px 0px 354px; 
	position : absolute;
}


#menu dl 
{
	float: left;
	width: 135px;
    margin-right : 2px;
    background : url('../img/back_menu-dt.gif') top center no-repeat;
}

#menu dt
{
     line-height: 30px;
     width : 135px;
     height : 30px;
     font-size: 1.3em;
     text-align: center ; 
	 text-decoration: none;
     color : #fff;
	font-weight : bold;
}

#menu dt a
{
	color : #fff;
	text-decoration:none;
	font-weight : bold;
}

#menu dd
{
}

#menu li a
{
	display : block;
	text-decoration : none;
	text-align : center;
	line-height : 20px;
	height : 20px;
	margin:0px;
	padding : 0px;
	color : #fff;
	border-bottom : 1px solid #fff;
	background : #b6ed60; 
}

#menu li a:hover
{
	background : #6e727d; 
}

#menu dl:hover 
{
	cursor:pointer;
	background:  url('../img/back_menu-dt.gif') no-repeat 0 -30px ;    
}


.bottom_menu
{
	width : 135px;
	height : 15px;
    background : url('../img/bottom-menu.png') top center no-repeat;
}

* html .bottom_menu
{
	width : 135px;
	height : 15px;
    background : transparent;
}

#page
{
	width : 880px;
	background : url('../img/back_corps.gif') top center repeat-y;
	margin : auto;
	padding : 10px;
}

/* ============================ */
/*			Axe gauche   		*/
/* ============================ */

#col_gauche
{
	width : 620px;
	float:left;
}

#col_gauche h1
{
	margin : 5px 0px 10px 10px;
	padding-left : 5px;
	padding-top : 10px;
	font-size : 16px;
	color : #6e727d;
}



.bandeau
{
	width : 620px;
	height : 100px;
	background :  url('../img/back_desc_home.gif') top left no-repeat;
	margin-bottom : 5px;
	color : #333333;
}

.bandeau h3
{
	font-size : 16px;
	color : #393939;
	margin-bottom : 5 px;
}




.bandeau_home-money
{
	width : 500px;
	height : 104px;
	padding : 1px 5px 5px 115px;
	background :  url('../img/icone_money.gif') no-repeat 5px 0px;
	font-size : 14px;
	opacity: 0.8;
	filter:alpha(opacity=80);	
}

.bandeau_home-money a, .bandeau_home-group a, .bandeau_home-dvdliv a
{
	color : #393939;
	text-decoration : none;
}

.bandeau_home-group
{
	width : 500px;
	height : 104px;
	padding : 1px 5px 5px 115px;
	background :  url('../img/icone_group.gif') no-repeat 5px 0px;
	font-size : 14px;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.bandeau_home-dvdliv
{
	width : 500px;
	height : 104px;
	padding : 1px 5px 5px 115px;
	background :  url('../img/icone_dvdliv.gif') no-repeat 5px 0px;
	font-size : 14px;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.bandeau_home-money:hover
{
	background :  url('../img/icone_money.gif') no-repeat 5px 0px;
	cursor : pointer;
	opacity: 1;
	filter:alpha(opacity=100);}

.bandeau_home-group:hover
{
	background :  url('../img/icone_group.gif') no-repeat 5px 0px;
	cursor : pointer;
	opacity: 1;
	filter:alpha(opacity=100);
}

.bandeau_home-dvdliv:hover
{
	background :  url('../img/icone_dvdliv.gif') no-repeat 5px 0px;
	cursor : pointer;
	opacity: 1;
	filter:alpha(opacity=100);
}

.cadre_objet
{
	height : 70px;
	width : 70px;
	float:left;
	margin : 5px 6px 0px 0px;
	background :  url('../img/fond_cadre-o.gif');
	text-align : center;
}

.cadre_objet:hover
{
	cursor : pointer;
}

#der_obj
{
	width : 620px;
	height : 220px;
	background :  url('../img/der_objet.gif') no-repeat top left;
	margin-top : 10px;
}

.act_objet-r
{
	line-height : 20px;
	margin-top : 28px;
	width : 110px;
	padding-left : 40px;
	display : block;
	background :  url('../img/act_obj-r.png') no-repeat top left;
	color : #6e727d;
}

.act_objet-o
{
	line-height : 20px;
	margin-top : 28px;
	width : 110px;
	padding-left : 40px;
	display : block;
	background :  url('../img/act_obj-o.png') no-repeat top left;
	color : #6e727d;
}

.act_objet-v
{
	line-height : 20px;
	margin-top : 28px;
	width : 110px;
	padding-left : 40px;
	display : block;
	background :  url('../img/act_obj-v.png') no-repeat top left;
	color : #6e727d;
}

.act_objet-v a, .act_objet-o  a, .act_objet-r  a
{
	text-decoration : none;
	color : #6e727d;
}



.img_objet
{
	max-height : 55px;
	max-width : 60px;
	overflow : hidden;
	height : 55px;
	width : 60px;
	margin : 7px auto 0px auto;
}




/* ============================ */
/*			Axe droit   		*/
/* ============================ */

#col_droit
{
	width :250px;
	float:right;
}


#col_droit h1
{
	padding : 0px 5px 0px 5px;
	font-size : 14px;
	color : #c7f5fb;
	margin : 0px 0px 0px 0px;
}

#col_droit .intro
{
	padding : 10px 5px 10px 5px;
	font-size : 15px;
	color : #fff;
	margin : 0px;
}

.but_inscri
{
	width : 150px;
	line-height : 25px;
	color : #6e727d;
	background : url('../img/but_inscri.gif') top center no-repeat;
	text-decoration : none;
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	display : block;
	margin : 4px auto 3px auto;
}

.corps_col_d
{
	padding-top : 5px;
	background : #93969d url('../img/back_coldroit.gif') top center no-repeat;
}

.top_col_d
{
	background : url('../img/top_axe-d.gif') top center no-repeat;
	width : 250px;
	height : 15px;
}

.foot_col_d
{
	background : url('../img/foot_axe-d.gif') top center no-repeat;
	width : 250px;
	height : 15px;
}


.member_log
{
	width : 31px;
	height : 31px;
	border:1px solid #c4c4c4;
	margin : 0px 0px 3px 2px;
}

.member_log:hover
{
	border:1px solid #4f4f4f;
}

.co-ins
{
	background : url('../img/back_con-ins.gif') top center no-repeat;
	width : 290px;
	height : 180px;
	padding : 5px;
}

.co-ins label 
{
	font-weight: bold;
	display : block;
	color : #6e727d;
	line-height : 20px;
	float : left;
	width : 118px;
	padding-left : 5px;
	border-bottom : 1px dotted #d4dfe1;
	border-left : 3px solid #d4dfe1;
}

.co-ins input, .co-ins textarea, .co-ins select
{
	background-color: #d4dfe1;
	color : #6e727d;
	border: 1px solid #6e727d;
}

/* ============================ */
/*			Home connecté		*/
/* ============================ */

#fond-home_credence
{
	width : 300px;
	height : 50px;
	background : #c7f5fb;	
	text-align : center;
	line-height : 50px;
	font-size : 1.4em;
	font-weight : bold;
	color : #6e727d;
	float:left;
}

#fond-home_debt
{
	width : 300px;
	height : 50px;
	background : #c7f5fb;
	text-align : center;
	line-height : 50px;
	font-size : 1.4em;
	font-weight : bold;
	color : #6e727d;
	float : right;
}

.princompte
{
	height : 60px;
	width : 610px;
	padding:5px 7px 5px 3px;
	background : url('../img/back_princompte.gif') top center no-repeat;
}

.el_account
{
	border-bottom : 1px solid #c4c4c4;
	width : 290px;
	max-width : 290px;
	max-height : 110px;
	overflow:hidden;
	height : 110px;
	padding : 5px 5px 10px 5px;
	background : #FFF;
}


.lign_com
{
	line-height : 19px;
	height : 19px;
	background : #eafdff;
	border-bottom : 1px solid #fff;
}

.lign_com a
{
	color :#7fbe1c;
	text-decoration : none;
}

.ong_acc-g
{
 	display : block;
 	width :95px;
	background :  url('../img/ong-acc-g.png') top center no-repeat;
	line-height : 25px;
	float:left;
 	color : #fff;
 	font-weight : bold;
	text-decoration : none;
 	text-align : center;
 	padding-left : 5px;
}

.ong_acc-gc
{
 	display : block;
 	width :100px;
	background :  url('../img/ong-acc-gc.png') top center no-repeat;
	line-height : 25px;
	float:left;
 	text-align : center;
 	color : #6e727d;
 	font-weight : bold;
	text-decoration : none;
}

.ong_acc-d
{
 	display : block;
 	width :100px;
	background :  url('../img/ong-acc-d.png') top center no-repeat;
	line-height : 25px;
	float:left;
 	text-align : center;
 	color : #6e727d;
 	font-weight : bold;
	text-decoration : none;
}

.ong_acc-dc
{
 	display : block;
 	width :95px;
	background :  url('../img/ong-acc-dc.png') top center no-repeat;
	line-height : 25px;
	float:left;
 	text-align : center;
 	color : #fff;
 	font-weight : bold;
	text-decoration : none;
 	padding-right : 5px;
}




.tableau_recap
{
	width : 620px;
	border-left : 1px solid #fff;
	border-right : 1px solid #fff;
	border-bottom : 1px solid #fff;
	background-color : #f1f1f1;
	padding : 0px;

}

.tableau_recap tr
{
	padding : 0px;
	margin : 0px;
}

.tableau_recap th
{
	height : 20px;
	line-height : 20px;
	background :  #f7f7f7;
	color : #6b6f7a;
	margin:0px;
	text-align:center;
}

.tableau_recap th a
{
	color : #6b6f7a;
}

.tableau_recap td
{
	line-height : 20px;
	color : #6e727d;
	padding : 0px 5px 0px 5px;
}

.tableau_recap tr
{
	background : #fff;
}

.tableau_recap tr:hover
{
	background : #f1f1f1;
	cursor:pointer;
}

.ligne_opt
{
	background : #6e727d url('../img/lign_opt.png') top center repeat-x;
	color : #fff;
	padding-left :  20px;
	height : 30px;
	text-align : left;
}

.ligne_opt a
{
	color : #fff;
}

.ligne_opt a:hover
{
	color : #f1f1f1;
	text-decoration : none;
}

.et_0, .et_1, .et_2, .et_3, .et_4, .et_5
{
	width : 75px;
	height : 15px;
	margin-bottom : 2px;
}

.et_0
{
	background :  url('../img/0_et.png') bottom center no-repeat;
}
.et_1
{
	background :  url('../img/1_et.png') bottom center no-repeat;
}
.et_2
{
	background :  url('../img/2_et.png') bottom center no-repeat;
}
.et_3
{
	background :  url('../img/3_et.png') bottom center no-repeat;
}
.et_4
{
	background :  url('../img/4_et.png') bottom center no-repeat;
}
.et_5
{
	background :  url('../img/5_et.png') bottom center no-repeat;
}


.etoile
{
	height : 15px;
	width : 15px;
	display : block;
	float:left;
}

.ok-acc
{
	border : none;
	color : #333;
	background : #fff;
}
.input-acc
{
	border : none;
	height : 16px;
}

/*=========== Page profil ==========*/

.ligne_groupe
{
	line-height : 20px;
	margin-bottom : 5px;
	color : #6e727d;
	padding-left : 10px;
	background :  url('../img/fil_ariane.jpg') top left no-repeat;
}

.fil_ariane a
{
	color : #333;
	text-decoration:none;
}

.bloc_ami
{
	background-color : #fff;
	border-bottom : 1px solid #c4c4c4;
	padding : 1px 5px 5px 5px;
}

.titre_pave
{
	color : #6e727d;
	font-weight : bold;
	font-size : 13px;
	display : block;
	margin-top : 0px;
	text-decoration : none;
}

.bloc_comment
{
	background : url('../img/top_bloc-comment.gif') top center no-repeat;
	padding-top : 20px;
	padding-bottom : 0px;	
}

.titre_comment
{
	line-height : 20px;
	width : 600px;
	padding : 0px 10px 0px 10px;
	color : #6e727d;
	font-weight : bold;
	font-size : 13px;
	background-color : #fff;
	border-bottom : 1px dotted #c4c4c4;
}

.comment
{
	padding : 10px;
	width : 600px;
	margin:0px;
	background-color : #fff;
}

.top_mini
{
	background :  url('../img/top_mini.gif') bottom center no-repeat;
	width :280px;
	padding : 0px 10px 0px 10px;
	height : 25px;
	line-height : 27px;
	font-weight : bold;
	margin:auto;
	color : #fff;
}

/*=========== Liste d'amis ========*/

.top_amis
{
	background :  url('../img/top_form.gif') bottom center no-repeat;
	width : 600px;
	padding : 0px 10px 0px 10px;
	height : 25px;
	line-height : 27px;
	font-weight : bold;
	margin:auto;
	color : #fff;
}

.ligne_ami
{
	height : 72px;
	background-color : #fff;
	border-bottom : 1px solid #c4c4c4;
	padding : 0px 5px 5px 5px;
	color : #6e727d;
}

.ligne_ami a
{
	color : #6e727d;
}

.ligne_ami h3
{
	color : #6e727d;
	padding : 0px;
	margin :1px;
	font-size : 13px;
}

.barre_verte
{
	height : 20px;
	line-height : 20px;
	background-color : #f1f1f1;
	color : #6e727d;
	border-bottom : 2px solid #d4dfe1;
	border-left : 2px solid #fff;
	border-right : 2px solid #fff;
	text-align:center;
	padding : 2px;
}

.barre_verte a
{
	color : #6e727d;
}

.barre_verte a:hover
{
	color : #333;
	text-decoration : none;
}

.bottom_amis
{
	background :  url('../img/bottom_form.gif') top center no-repeat;
	width : 620px;
	height : 25px;
	margin : auto;
}

#liste_amis
{
	background-color : #fff;
	padding : 5px;
}

/* ============================ */
/*			formulaires			*/
/* ============================ */

input.disabled 
{
	background : #f1f1f1;
	color : #5bb0ff;
	border: 1px solid #5bb0ff;
}



input.required, textarea.required 
{
	background : #f1f1f1;
	color : #5bb0ff;
	border: 1px solid #5bb0ff;
}

input.validation-failed, textarea.validation-failed 
{
	background : #f1f1f1;
	color : #5bb0ff;
	border: 1px solid #5bb0ff;
}

input.validation-passed, textarea.validation-passed 
{
	background : #044a76;
	color : #5bb0ff;
	border: 1px solid #5bb0ff;
}

.validation-advice 
{
	margin: 10px 0;
	padding: 5px;
	background-color: #d4dfe1;
	color : #FFF;
	font-weight: bold;
}

.custom-advice 
{
	margin: 10px 0;
	padding: 5px;
	background-color: #d4dfe1;
	color : #1a2a37;
	font-weight: bold;
}

.formulaire
{
	padding: 15px 10px 15px 10px;
	width : 600px;
	color : #6e727d;
	background :  #fff;
	border:none;
	margin : 0px;
}


.formulaire label 
{
	font-weight: bold;
	display : block;
	color : #6e727d;
	line-height : 20px;
	float : left;
	width : 315px;
	margin-right : 10px;
	padding-left : 5px;
	border-bottom : 1px dotted #d4dfe1;
	border-left : 3px solid #d4dfe1;
}

.formulaire input, .formulaire textarea, .formulaire select
{
	background-color: #d4dfe1;
	color : #6e727d;
	border: 1px solid #6e727d;
}

.bottom_form
{
	background :  url('../img/bottom_form.gif') top center no-repeat;
	width : 620px;
	height : 25px;
	margin : auto;
}

.top_form
{
	background :  url('../img/top_form.gif') bottom center no-repeat;
	width : 595px;
	padding-left : 25px;
	height : 25px;
	line-height : 27px;
	font-weight : bold;
	margin:auto;
	color : #fff;
}

.form-row 
{
	clear: both;
	padding: 0.5em;
}

/*=========== Adresse automatique ========*/


#mail_bulle 
{
	z-index:100;
	width : 167px;
	margin: -6px 0 0 339px ; 
	position : absolute;
	border-left : 1px solid #6e727d;
	border-right : 1px solid #6e727d;
	border-bottom : 1px solid #6e727d;
}


#mail_bulle li a
{
	display : block;
	text-decoration : none;
	text-align : center;
	line-height : 20px;
	color : #6e727d;
	background : #fff; 
	border-bottom : 1px dotted #c4c4c4;
}

#mail_bulle li a:hover
{
	background : #6e727d; 
	color :#fff;
}

/*=========== Calendrier dynamique ========*/


.ds_box {
	background-color: #FFF;
	border: 1px solid #c4c4c4;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #6e727d;
	color: #9ce9f8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}

.ds_subhead {
	background-color: #9ce9f8;
	color: #6e727d;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 25px;
}

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

.ds_cell:hover {
	background-color: #9ce9f8;
} /* This hover code won't work for IE */
 
.lign_ad
{
	width : 610px;
	height: 65px;
	background :  url('../img/lign_ad.png') top center no-repeat;
	padding : 5px;
	margin-top : 10px;
}

.lign_ad h3
{
	margin:0px 0px 10px 5px;
	color : #b6e55a;
}

.lign_ad a
{
	color : #333;
}


.notif
{
	padding: 15px;
	margin-bottom: 0.5em;
	border : 1px dotted #8cd6d9;
	width : 590px;
	color : #6e727d;
	background :  #ddf9fa;
}

.action_reussie
{
	padding: 15px;
	margin-bottom: 0.5em;
	border : 1px dotted #00970e;
	width : 590px;
	color :#00970e;
	background : #e9ffeb;
}

.action_ratee
{
	padding: 15px;
	margin-bottom: 0.5em;
	border : 1px dotted #ff005a;
	width : 590px;
	color :#990036;
	background : #fef1f6;
}

#footer
{
	width :900px;
	margin :auto;
	font-size : 0.9em;
	color : #fff;
	text-align : center;
	line-height : 20px;
	height : 90px;
	clear : both;
	background :  url('../img/footer.gif') top center no-repeat;
}


.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	max-width : 400px;
	max-height : 200px;
	overflow : auto;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}