/* CSS Document */

@import url(color.css);
@import url(typography.css); 

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, bloquote, th, td	{
	margin:0; padding: 0; }
	
img {
	border: 0;
	position: relative; 
	padding-bottom:0;}

body {
	background: #1b1b1b url(../images/index_back.png) center repeat-y;
	text-align: center;
	width: 770px;
	margin: 0 auto; }
	
div#container {
	position: relative;
	background: transparent url(../images/index.png) no-repeat;
	
	text-align: left;
	width: 770px;
	padding: 0;
    height:650px;
	margin: 0 auto; }
	
	
/*----------------------------- MODULE DE CONNEXION ---------------------------------*/

div#connexion {
	background: url(../images/back_connex.png) no-repeat;
	padding: 5px 55px 15px 35px;
	width:350px;
	height:25px;
	float: left; }
	
div#connexion li{
	display: inline; }
	
form#f-connexion input {
	background: #272727;
	color: #FFF;
	border: 0;
	height: 14px;
	width: 66px; 
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 0 2px 0 2px; }
	
form#f-connexion input:hover {
	padding: 0 2px 0 2px;
	background: #f1da34;
	color: #1b1b1b; }

form#f-connexion input[type="submit"] {
	margin: 0;
	background: #212121;
	color: #999;
	height: 15px;
	width: 19px;}

form#f-connexion input[type="submit"]:hover {
	color: #fff; }

div#connexion p {
	color:#999; 
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; }

div#connexion p a{
	text-decoration:none; }
	
div#connexion p a:hover {
	text-decoration: none;
	color: #fff; }
	
.mini_lien_connex a:link, .mini_lien_connex a:visited{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#aaa;
	text-decoration: none; }

.mini_lien_connex a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dotted #fff; }
	
	
	
	
	
/*----------------------------------- CONTENU PRINCIPAL -------------------------------------*/
	
	
div#branding {
	background: transparent url(../images/index.png);
	height: 277px;
	width: 770px; }	

div#content {
	padding-left: 79px;
	position: relative;
	height:auto;
	width:770px;
	}

div#content_menu {
	/*background: transparent url(../images/back_menu.png) no-repeat left bottom;*/
	position: relative;
	width: 630px;
	height: 40px;
	padding: 0px 0 0px 10px;
	margin: 0px 0; }
	
div#content_menu li {
	display: inline;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #222; }
	
div#content_menu li a:link, div#content_menu li a:visited {
	color: #1b1b1b;
	text-decoration: none; 
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	/*background: url(../images/back_menu.png) repeat-x;*/
	padding: 0 24.45px; }	
	
div#content_menu li a:hover {
	color: #ccc;
	text-decoration: none; 
	/*background: url(../images/back_menu.png) 0 -40px;*/
	padding: 0 24.45px; }
	
.rss {
	padding-left:70px; }
	
div#content_main {
	position: relative;
	width: 405px;
	float: left;
	margin-top:0px;
	padding-top: 7px;
	background:url(../images/back_main.png) no-repeat top right; }

div#content_main img {
	float: left; }

div#comment {
	height: 70px;
	margin: 5px 0 17px 0;
	padding-top: 1px;
	background: transparent url(../images/back_comment.png) no-repeat; }
	
div#content_right {
	position: relative;
	width: 200px;
	float: left;
	margin-left: 5px;
	}
	
div#img_promo {
	margin-top: 274px;
	}
	
/* -------------------------------- FOOTER ------------------------------------------*/
	
div#footer {
	position: relative;
	text-align: left;
	color: #fff;
	width: 770px;
	height: 100px;
	background: transparent url(../images/footer.png) no-repeat;
	margin:10px auto 0 auto;
	padding:0;}

div#footer p {
	position:relative;
	left: 70px;
	top: 10px;
	margin: 0; }
	
div#footer p a:link, div#footer p a:visited {
	color: #fff;
	text-decoration: none; }

div#footer p a:hover {
	color: #FFFF99;
	text-decoration: none; 
	border-bottom: 1px dotted #ffff99; }

/* ------------------------- MENU CONTENT RIGHT déroulant --------------------------*/

#basic-accordian{
	/*border:1px solid #ccc;*/
	width:200px;
	position:absolute;
}

.accordion_headings{
	padding: 3px 0 2px 8px;
	height: 15px;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	font: 100% Georgia, "Times New Roman", Times, serif;
}

.accordion_child {
	padding: 4px 10px 4px 10px;
}

.accordion_child img {
	padding-left: 65px;}
	
.accordion_child li {
	display: block;
	/*list-style-type:square;*/}

.header {
	cursor: pointer;
	padding:4px;
}

.content{
	padding:4px;
}


/* ----------------- Formulaires d'inscription, pass perdu... ----------------------*/

div#form_inscription {
	background: url(../images/back_inscription.png) no-repeat;
	width: 467px;
	height: 412px;
	margin-left:70px; }
	
form#form2 ul {
	padding: 103px 0 0 240px; }

form#form2 li {
	list-style-type: none; 
	padding-top: 5px;}
	
div#form2_bas {
	margin-top: 2px;}
	
form#form2 input {
	background: #fff;
	color: #1b1b1b;
	border: 2px #a2f784 solid;
	height: 16px;
	/*width: 150px; */
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0 2px 0 2px; }

form#form2 input[type="submit"] {
	margin:0;
	background: #212121;
	border: 3px #a2f784 solid;
	color: #999;
	height: 22px;
	width: 100px;
	padding: 1px 2px 19px 2px; }

form#form2 input[type="submit"]:hover {
	background: #a2f784;
	color: #1b1b1b; }	
	

div#form_oublipass {
	background:url(../images/back_oublipass.png) no-repeat;
	width: 467px;
	height: 362px;
	margin-left: 70px;
	}

.normal {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	}

form#form1 li{
	list-style-type: none;
	display: inline; }

form#form1 input {
	background: #fff;
	color: #1b1b1b;
	border: 3px #a2f784 solid;
	margin: 223px 0 0 93px;
	height: 16px;
	width: 200px; 
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0 2px 0 2px; }

form#form1 input[type="submit"] {
	margin:0;
	background: #212121;
	border: 3px #a2f784 solid;
	color: #999;
	height: 22px;
	width: 60px;
	padding: 1px 2px 19px 2px; }

form#form1 input[type="submit"]:hover {
	background: #a2f784;
	color: #1b1b1b; }