/* ===========================================================
Elements de Page ============================================ */

* {
	margin:0;
	padding:0;
}

body {
	background:#084ccb url(../images/bg.png) no-repeat center top;
	font-family:Arial, Verdanna, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:black;
}

img {
	border:0px;
}

a {
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	color:#000000;
}
label{
	width: 20em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

a:hover {
	text-decoration:underline;
}
#content form .textarea {
	background:transparent url(../images/textarea_bg.png) repeat-x 0 0;
	border:1px solid #393939;
	color:#ffffff;
	height:195px;
	width:398px;
	padding:4px;

}
.menuPrem a
{
   display: block;
   float:left;
   height: 46px;
   width: 152px;
   text-decoration: none;
}
.menuPrem a:hover
{
   display: block;
   height: 46px;
   width: 152px;
   background-position: 0% -46px; 
   text-decoration: none;
}
.btn1{
   background: transparent url('../images/moncompte.png') top left no-repeat;
}
.btn2{
   background: transparent url('../images/debrideur.png') top left no-repeat;
}
.btn3{
   background: transparent url('../images/credcompte.png') top left no-repeat;
}
.btn4{
   background: transparent url('../images/affiliation.png') top left no-repeat;
}
.btn5{
   background: transparent url('../images/plugfirefox.png') top left no-repeat;
}


label {
	font-weight:bold;
	cursor:pointer;
}

input {
	border:none;
}

ul, li {
	list-style-type:none;
}

p {
	margin-bottom:6px;
}

/* ===========================================================
Title ====================================================== */

div.title {
	background:transparent url(../images/menu_title.png) repeat-x 0 0;
	padding:6px 0 0 8px;
	letter-spacing:1px;
	color:#ffffff;
	height:33px;
}

div.title h2 {
	background:transparent url(../images/point.png) no-repeat 0 center;
	padding-left:18px;
	font-size:12px;
}

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

#wrapper {
	margin:75px auto 18px auto;
	position:relative;
	width:1038px;
}

/* ===========================================================
Top ======================================================= */

#top {
	background:transparent url(../images/top.png) repeat-x 0 0;
	height:33px;
}

/* ===========================================================
Login ====================================================== */

#login {
	margin:0 auto 0 auto;
	position:relative;
	text-align:center;
	color:#7b7b7b;
	width:750px;
}

#login img {
	margin-top:5px;
	float:left;
}

#login .text {
	background:transparent url(../images/input_bg.png) no-repeat 0 0;
	margin:5px 8px 0 8px;
	color:#7b7b7b;
	padding:3px;
	width:150px;
	height:20px;
	float:left;
}


#login .button {
	background:transparent url(../images/submit.png) no-repeat 0 0;
	margin:5px 8px 0 0;
	cursor:pointer;
	color:#ffffff;
	height:21px;
	width:88px;
	float:left;
}

#login .separator {
	background:transparent url(../images/separator.png) no-repeat left 0;
	padding:8px 0 0 16px;
	margin:0 8px 0 8px;
	font-size:11px;
	color:#7b7b7b;
	float:left;
}

/* ===========================================================
Logo ====================================================== */

#logo {
	background-image:url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding:15px 0 0 145px;
	letter-spacing:6px;
	margin-left:18px;
	font-size:10px;
	color:#b47d7d;
	height:120px;
	width:392px;
}

#logo a {
	color:#b47d7d;
}

/* ===========================================================
Search ==================================================== */

#search {
	position:absolute;
	right:18px;
}

#search h3 {
	background:transparent url(../images/search_title.png) no-repeat 0 0;
	text-align:center;
	padding-top:4px;
	font-size:11px;
	color:#ffffff;
	width:158px;
	height:20px;
}

#search form {
	background:transparent url(../images/search_bg.png) repeat-x 0 0;
	padding:8px;
	height:40px;
	width:410px;
}

#search form input {
	float:left;
}

#search form .text {
	background:transparent url(../images/search_input_bg.png) repeat-x 0 0;
	border:1px solid #232323;
	border-right:none;
	padding:7px;
	width:360px;
	height:18px;
}

#search form .button {
	background:transparent url(../images/loupe.png) no-repeat 0 0;
	border:1px solid #232323;
	border-left:none;
	cursor:pointer;
	height:34px;
	width:31px;
}

/* ===========================================================
Block ====================================================== */

#block {
	background:#141414 url(../images/content_bg.png) repeat-x scroll 0 0;
	padding:12px 12px 0 12px;
	margin-top:68px;
	width:1014px;
	overflow:hidden;
}


/* ===========================================================
Menu ====================================================== */

#menu {
	border-top:1px solid #202020;
	font-weight:bold;
	width:206px;
	float:left;
}

#menu .none {
	text-align:center;
	padding-top:18px;
	background:none;
	border:none;
}

#menu .separator {
	border-bottom:1px solid #202020;
	background:none;
	border:none;
	height:15px;
}

#menu .title {
	background:transparent url(../images/menu_title.png) repeat-x 0 0;
	letter-spacing:1px;
	text-align:center;
	color:#ffffff;
	height:24px;
}

#menu li {
	background:transparent url(../images/menu_content.png) repeat-x 0 0;
	border:1px solid #202020;
	border-top:none;
	padding-top:5px;
	height:20px;
	width:206px;
	float:left;
}

#menu a {
	background:transparent url(../images/arrow.png) no-repeat 0 center;
	padding-left:18px;
	margin-left:8px;
	float:left;
}

#menu a:hover {
	margin-left:16px;
}

#menu .actif {
	margin-left:16px;
}
/* ===========================================================
Content ==================================================== */

#content {
	background-color:#ffffff;
	padding-bottom:38px;
	margin-left:222px;
	width:790px;
	overflow:hidden;		
}

#content .marge {
	padding:6px 12px 12px 12px;

}

#content .marge img {
	/*margin:0 8px 4px 0;*/
}

#content form {
	margin-left:28px;
}

#content form .text{
	background:transparent url(../images/menu_title.png) repeat-x 0 0;
	border:1px solid #393939;
	margin-bottom:8px;
	color:#ffffff;
	padding:4px;
	width:200px;
	height:25px;
	
}

#content form .text2{
	background:transparent url(../images/menu_title.png) repeat-x 0 0;
	border:1px solid #393939;
	margin-bottom:8px;
	color:#ffffff;
	padding:4px;
	width:60px;
	height:25px;
	
}

#content form .textarea {
	background:transparent url(../images/textarea_bg.png) repeat-x 0 0;
	border:1px solid #393939;
	color:#ffffff;
	height:195px;
	width:398px;
	padding:4px;

}

#content form .button {
	background:transparent url(../images/input_button.png) no-repeat 0 0;
	font-weight:bold;
	cursor:pointer;
	color:#ffffff;
	height:26px;
	width:171px;

}

#content form .center {
	margin:28px 0 0 268px;

}

#content form .right {
	margin-right:28px;

}

#content .comment {
	background:transparent url(../images/comment.png) no-repeat 0 0;
	text-align:center;
	font-weight:bold;
	margin-top:12px;
	padding-top:2px;
	color:#ffffff;
	height:34px;
	width:395px;
	float:right;
}

#content .comment a {
	color:#ffffff;

}

.corps_etat {
	background:url(../images/debrideur_mu.png) no-repeat;
	width:230px;
	height:80px;
	float:left;
	}
	
	
.corps_etat p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:11px;
	margin-left:85px;
	margin-right:10px;
	padding-top: 20px;
	font-weight:bold;}
	
.corps_etat a {
	color:#2f84e6;
	text-decoration:none;}
	
.corps_etat a:hover {
	color:#70b1fc;}
	
.corps_etatv {
	background:url(../images/visionneuse_mu.png) no-repeat;
	width:230px;
	height:80px;
	float:left;}
	
.corps_etatv p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:11px;
	margin-left:85px;
	margin-right:10px;
	margin-top: 20px;
	font-weight:bold;}
	
.corps_etatv a {
	color:#2f84e6;
	text-decoration:none;}
	
.corps_etatv a:hover {
	color:#70b1fc;}	
	
.corps_etatvi {
	background:url(../images/debrideur_mv.png) no-repeat;
	width:230px;
	height:80px;
	margin-left:63px;
	float:left;}
	
.corps_etatvi p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:11px;
	margin-left:25px;
	margin-right:10px;
	margin-top: 20px;
	font-weight:bold;}
	
.corps_etatvi a {
	color:#2f84e6;
	text-decoration:none;}
	
.corps_etatvi a:hover {
	color:#70b1fc;}	
	
.corps_etatf {
	background:url(../images/debrideur_free.png) no-repeat;
	width:230px;
	height:80px;
	margin-left:60px;
	margin-top:20px;
	float:left;}
	
.corps_etatf p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:11px;
	margin-left:25px;
	margin-right:10px;
	margin-top: 20px;
	font-weight:bold;}
	
.corps_etatf a {
	color:#2f84e6;
	text-decoration:none;}
	
.corps_etatf a:hover {
	color:#70b1fc;}		

.corps_etatsto {
	background:url(../images/debrideur_sto.png) no-repeat;
	width:230px;
	height:80px;
	margin-left:2px;
	margin-top:20px;
	float:left;}
	
.corps_etatsto p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:11px;
	margin-left:25px;
	margin-right:10px;
	margin-top: 20px;
	font-weight:bold;}
	
.corps_etatsto a {
	color:#2f84e6;
	text-decoration:none;}
	
.corps_etatsto a:hover {
	color:#70b1fc;}		
	
.corps_etatp {
	background:url(../images/debrideur_mp.png) no-repeat;
	width:230px;
	height:80px;
	margin-left:2px;
	margin-top:20px;
	float:left;}
	
.corps_etatp p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:11px;
	margin-left:25px;
	margin-right:10px;
	margin-top: 20px;
	font-weight:bold;}
	
.corps_etatp a {
	color:#2f84e6;
	text-decoration:none;}
	
.corps_etatp a:hover {
	color:#70b1fc;}

.debrid {
	background:url(../images/debrid.png) no-repeat;
	width:340px;
	height:180px;
	margin-left:220px;
	margin-top:20px;
	float:left;}
	
.debrid p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:12px;
	margin-left:25px;
	margin-right:25px;
	margin-top: 20px;
	font-weight:bold;}
	
.debrid a {
	color:#2f84e6;
	text-decoration:none;}
	
.debrid a:hover {
	color:#70b1fc;}			
	
.info {
    background:url(../images/infoc.png) no-repeat;
  	width:270px;
	height:250px;
	margin-left:30px;
	margin-top:10px;
	padding-left:10px;
	float:left;}
	
.info p {

	font-size:12px;
	margin-left:15px;
	margin-right:10px;
	font-weight:bold;}
	
.info a {
	color:#2f84e6;
	text-decoration:none;}
	
.info a:hover {
	color:#70b1fc;}	
	
.mdp {
	background:url(../images/passe.png) no-repeat;
	width:260px;
	height:180px;
	margin-left:35px;
	margin-right:10px;
	margin-top:30px;
	float:left;}
	
.mdp p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:10px;
	margin-left:0px;
	margin-right:20px;
	margin-top: 20px;
	font-weight:bold;}
	
.mdp a {
	color:#2f84e6;
	text-decoration:none;}
	
.mdp a:hover {
	color:#70b1fc;}	
	
	.infolimit {
	background:url(../images/infomu.png) no-repeat;
	width:620px;
	height:548px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	float:left;}
	
.infolimit p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:10px;
	margin-left:40px;
	margin-right:40px;
	margin-top: 40px;
	font-weight:bold;}
	
.infolimite a {
	color:#2f84e6;
	text-decoration:none;}
	
.infolimite a:hover {
	color:#70b1fc;}	
	
	
.espace_membre {

	width:780px;
	height:400px;
	margin-left:80px;
	margin-top:30px;}

.ins {
	background:url(../images/ins.png) no-repeat;
	width:246px;
	height:456px;
	margin-left:80px;
	margin-top:20px;
	float:left;}
	
.ins p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:10px;
	margin-left:20px;
	margin-right:20px;
	margin-top: 20px;
	font-weight:bold;}
	
.ins a {
	color:#2f84e6;
	text-decoration:none;}
	
.ins a:hover {
	color:#70b1fc;}		
	
.cgu {
	background:url(../images/cgu.png) no-repeat;
	width:294px;
	height:456px;
	margin-left:80px;
	margin-top:20px;
	float:left;}
	
.cgu p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:12px;
	margin-left:40px;
	margin-right:30px;
	margin-top: 40px;
	font-weight:bold;}
	
.cgu a {
	color:#2f84e6;
	text-decoration:none;}
	
.cgu a:hover {
	color:#70b1fc;}		
	
.pub {
	background:url(../images/pub.png) no-repeat;
	width:532px;
	height:110px;
	margin-left: 100px;
	margin-top:20px;
	float:left;}
	
.pub p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:12px;
	margin-left:40px;
	margin-right:30px;
	margin-top: 16px;
	font-weight:bold;}
	
.pub a {
	color:#2f84e6;
	text-decoration:none;}
	
.pub a:hover {
	color:#70b1fc;}	

.paiement {
	background:url(../images/paiement.png) no-repeat;
	width:347px;
	height:427px;
	margin-left:180px;
	margin-top:20px;
	float:left;}
	
.paiement p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:12px;
	margin-left:5px;
	margin-right:10px;
	margin-top: 5px;
	font-weight:bold;}
	
.paiement a {
	color:#2f84e6;
	text-decoration:none;}
	
.paiement a:hover {
	color:#70b1fc;}	

.paiement2 {
	background:url(../images/paiement2.png) no-repeat;
	width:763px;
	height:77px;
	margin-left:5px;
	margin-top:20px;
	float:left;}
	
.paiement2 p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:12px;
	margin-left:80px;
	margin-right:20px;
	margin-top: 10px;
	font-weight:bold;}
	
.paiement2 a {
	color:#2f84e6;
	text-decoration:none;}
	
.paiement2 a:hover {
	color:#70b1fc;}	

.rapel {
	background:url(../images/rapel.png) no-repeat;
	width:570px;
	height:56px;
	margin-left:30px;
	margin-top:0px;
	float:left;}
	
.rapel p {
	font-family:Verdana, Geneva, sans-serif;
	color:#FF0000;
	font-size:13px;
	margin-left:40px;
	margin-right:40px;
	margin-top: 10px;
	font-weight:bold;}
	
.rapel a {
	color:#2f84e6;
	text-decoration:none;}
	
.rapel a:hover {
	color:#70b1fc;}			
	
	

	


/* ===========================================================
Footer ===================================================== */

#footer {
	background:transparent url(../images/footer.png) repeat-x scroll 0 0;
	padding:9px 10px 0 10px;
	font-weight:bold;
	font-size:12px;
	color:#c5c5c5;
	width:1018px;
	height:24px;
}

#footer a {
	color:#c5c5c5;
}

/* ===========================================================
Divers ===================================================== */

.tright {
	text-align:right;
}

.tcenter {
	text-align:center;
}

.tleft {
	text-align:left;
}

.right {
	float:right;
        padding-left:10px;
}

.left {
	float:left;
}

.clear {
	height:42px;
}