/* CSS Document */
/*-----------------------------------------------------------------------------*/
/* GLOBAL
/*-----------------------------------------------------------------------------*/
html{}
body{ margin:0px; padding:0px; background-color:#333333;}
form{ margin:0px; padding:0px;}

ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 0;}

a {outline: none;}
a:focus{-moz-outline-style: none;}

.clr{clear:both;}

#maincontent{background:url(../img/bg.jpg) repeat-x top #FFF;}
#content{ width:900px; margin-left:auto;  margin-right:auto; padding:30px 0 0 0;}

/*menu pages perso*/
#menup{ display:block; float:left; width:900px; background:url(../img/pp_menu_off.jpg);}
#menup li{display:block; float:left;}
#menup .a{ width:10px; }
#menup li a{display:block; float:left; font:12px Arial; color:#FFF; text-decoration:none; font-weight:bold; padding:8px 10px 9px 10px; background:url(../img/pp_menu_off.jpg);}
#menup li a:hover{color:#66CC00;}
#menup li .menupon{color:#333; background:url(../img/pp_menu_on.jpg);}
/**/
#pageperso{ background-color:#FFF; border-left:2px solid #CCC; border-right:2px solid #CCC; border-bottom:2px solid #CCC; padding:10px 10px 10px 10px; float:left;  width:876px; margin:0 0 20px 0;}

/*-----------------------------------------------------------------------------*/
/* HEADER
/*-----------------------------------------------------------------------------*/
/*bandeau*/
#bandeau{ width:100%;}
#bandeau .menu{background-color:#333333; height:32px;}
#bandeau .menu .btn{ display:block; padding:9px 5px 8px 4px; font:12px arial; font-weight:bold; color:#FFF; float:left; text-align:center; text-decoration:none; width:80px; background-color:#66CC00;}
#bandeau .menu .btn:hover{background-color:#85D633;}
#bandeau .menu .retour{ float:right; color:#66CC00; padding:8px 20px 0 0; font-weight:normal; font:11px arial; text-decoration:none;}
#bandeau .menu .retour:hover{ text-decoration:underline;}


#bandeau .title{ background:url(../img/bg_barre_gris.jpg); height:62px; text-align:center;}
#bandeau .title .content{  width:996px; background-color:#009;}
#bandeau .title .content .tg{ float:left; padding:0 0 0 360px;}
#bandeau .title .content .tg img{ padding:7px 0 0 0; border:0px;}

#bandeau .title .content .name{ float:left; font:16px Tahoma; font-weight:bold; height:28px; margin:24px 0 0 10px; background-color:#333;}
#bandeau .title .content .name img{ vertical-align:top; float:left;}
#bandeau .title .content .name a{ float:left; display:block; padding:4px 0 0 4px;  color:#FFFFFF; text-decoration:none;}

/*-----------------------------------------------------------------------------*/
/* MA PAGE
/*-----------------------------------------------------------------------------*/
/*MA PAGE*/
#mapage{ float:left; width:598px; border:1px solid #CCC; padding:0 0 10px 0; margin:0 10px 0 0;}
#mapage li{ display:block; float:left; width:578px;}
#mapage .titre{ padding:6px 10px 6px 10px; background:url(../img/bg_t_pp.jpg) repeat-x; color:#FFF; font:13px Arial; font-weight:bold; margin:0 0 10px 0;}

#mapage .ch{ padding:4px 0 0 10px;}
#mapage .ch label{display:block; float:left; width:76px; padding:0 0 0 0; font:12px Arial; color:#333; font-weight:bold;}
#mapage .ch label span{ color:#6C0;font:14px Arial;}
	
#mapage .ch input{ width:498px; border:1px solid #CCC; font:13px Arial; color:#333;}
#mapage .ch textarea{ width:498px; border:1px solid #CCC; font:12px Arial; color:#333;}

/*OPTIONS*/
#options{ float:left; width:264px; border:1px solid #CCC; padding:0 0 10px 0;}
#options li{ display:block; float:left; width:244px;}
#options .titre{ padding:6px 10px 6px 10px; background:url(../img/bg_t_pp.jpg) repeat-x; color:#FFF; font:13px Arial; font-weight:bold; margin:0 0 10px 0;}

#options .ch{ padding:4px 0 0 10px;}
#options .ch label{display:block; float:left; width:56px; padding:0 0 0 0; font:12px Arial; color:#333; font-weight:bold;}
#options .ch label span{ color:#6C0;font:14px Arial;}
	
#options .ch input{ width:184px; border:1px solid #CCC; font:13px Arial; color:#333;}
#options .ch textarea{ width:184px; height:50px; border:1px solid #CCC; font:12px Arial; color:#333;}

/*conditions et submit*/
.foot{width:874px; float:left; border-top:1px solid #CCC; margin:10px 0 0 0; padding:10px 0 0 0; font:12px Arial; color:#333;}
.foot li{ float:left; width:874px;}
.foot .erreur{padding:0 0 6px 0; color:#F00;}
.foot .cond{}
.foot .cond input{ margin:0 6px 0 0;}
.foot  .select{ padding:6px 0 0 0;}
.foot  .select select{ border:1px solid #CCC; font:13px Arial; color:#333;}
.foot .btn{ padding:6px 0 0 0;}
.foot .btn a{ display:block; margin-left:auto;  margin-right:auto; width:108px; height:35px; background:url(../img/btn_enregistrer.jpg) no-repeat;}
.foot .btn a:hover{ background-position:0 -34px;}

/*ma pub*/
#mapub{float:left; width:598px; border:1px solid #CCC; padding:0 0 10px 0; margin:0 10px 0 0;}
#mapub li{ display:block; float:left; width:578px;}
#mapub .titre{ padding:6px 10px 6px 10px; background:url(../img/bg_t_pp.jpg) repeat-x; color:#FFF; font:13px Arial; font-weight:bold; margin:0 0 10px 0;}

#mapub .ch{ padding:4px 0 0 10px;}
#mapub .ch label{display:block; float:left; width:96px; padding:0 0 0 0; font:12px Arial; color:#333; font-weight:bold;}
#mapub .ch label span{ color:#6C0;font:14px Arial;}
	
#mapub .ch input{ width:478px; border:1px solid #CCC; font:13px Arial; color:#333;}
#mapub .ch select{ width:480px; border:1px solid #CCC; font:13px Arial; color:#333;}
#mapub .ch textarea{ width:478px; border:1px solid #CCC; font:12px Arial; color:#333;}

#apercupub{float:left; width:264px; border:1px dashed #CCC;}
#apercupub li{float:left; width:224px;}
#apercupub .titre{ padding:2px 20px 2px 20px; background-color:#CCC; font:12px Arial; color:#333;}
#apercupub .montitre{padding:20px 20px 0px 20px; color:#03F; font:14px Arial; font-weight:bold; text-decoration:underline;}
#apercupub .texte{padding:4px 20px 0px 20px; font:12px Arial;}
#apercupub .lien{padding:0px 20px 20px 18px;}
#apercupub .lien a{font:11px Arial; color:#03F; font-weight:bold; text-decoration:underline; padding:0px 2px 0px 2px;}
#apercupub .lien a:hover{ background-color:#03F; color:#FFF;}

/*ACCUEIL MON ESPACE*/
#monespace{ float:left; width:874px; border:1px solid #CCC; padding:0 0 10px 0; margin:0 10px 0 0;}
#monespace li{ display:block; float:left; width:854px;}
#monespace .titre{ padding:6px 10px 6px 10px; background:url(img/bg_t_pp.jpg) repeat-x; color:#FFF; font:13px Arial; font-weight:bold; margin:0 0 0 0;}
#monespace .texte{padding:6px 10px 6px 10px;  color:#333; font:13px Arial;margin:0 0 10px 0;}
#monespace .texte ul{ padding:10px 0 0 0;}
#monespace .texte a{ color:#66CC00; text-decoration:none;}
#monespace .texte a:hover{ text-decoration:underline;}
		
/*-----------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------*/
#footer{ width:100%; font:10px Tahoma; color:#666666; background:url(../img/bg_footer.jpg) repeat-x top #333333; padding:14px 0 0 0;}
#footer ul{width:1002px; margin-left:auto;  margin-right:auto;}
#footer ul .top{ border-bottom:1px solid #666666}
#footer ul li { padding:6px 0 8px 0;}
#footer ul li a{ color:#666666; text-decoration:none;}
#footer ul li a:hover{ background-color:#444444; color:#CCCCCC;}

/*******************************************************************************
* LOGIN
*******************************************************************************/
#login {
	width:393px;
	height:238px;
	background-image:url(../img/bg_login.jpg);
	margin:100px auto 0 auto;
	padding:0;
	list-style:none;
	font:18px Arial;
}
#login .t {
	text-align:center;
	padding:50px 0 10px 0;
	color:#66CC00;
}
#login #l {
	padding:0 0 0 50px;
	font:15px Arial;
	font-weight:bold;
	clear:both;
	height:30px;
}
#login #l .a {
	float:left;
	width:110px;
}
#login #l .b {
	float:left;
}
#login #v {
	padding-top:10px;
	text-align:center;
}
#login #v input {

	text-align:center;
}
.red {
	font:12px Arial;
	color:#FF0000;
	text-align:center;
	padding-bottom:5px;
}