@charset "utf-8";

body {

	background-image: url(../images/bg.png);

	background-repeat: no-repeat;
	background-color: #000000;
	margin: 0px;

	padding: 0px;
	
}



#contenaire {

	height: auto;

	width: 973px;

	margin-left: auto;

	margin-right: auto;

	position: relative;
	

}

#container_index{
	height: auto;

	width:750px;
	
	margin: 0 auto;

	position: relative;
	
}

#header {

	float: left;

	height: 396px;

	width: 973px;
	margin-top:0px;
	position: relative;

}

#header-top {
	margin-top:0px;
	height: 120px;

	width: 973px;

	position: relative;

}

#logo {

	float: left;

	height: 120px;

	width: 332px;

}

#top-menu {

	background-image: url(../images/bg-menu-top.png);

	background-repeat: no-repeat;

	float: right;

	height: 24px;

	width: 410px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;
		
	padding-top: 10px;

	padding-left: 22px;

}

#top-menu a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	text-decoration: none;

	font-weight: normal;

}



#menu {

	float: right;

	height: 31px;

	width: 549px;

	margin-top: 30px;

	margin-right: 5px;

}

#banniere {

	height: 243px;

	width: 973px;

	position: relative;

	background-image: url(../images/banniere.png);

	background-repeat: no-repeat;

}

#flash {

	float: left;

	width: 956px;

	position: relative;

	height: auto;

	top: 8px;

	left: 8px;

}



#navigation {

	height: 34px;

	width: 973px;

	position: relative;

}

#membre {

	background-image: url(../images/membre.png);

	float: left;

	height: 32px;

	width: 607px;

	position: relative;

}

#form1 {

	margin: 0px;

	padding: 0px;

	position: relative;

}

#form1 #identifiant {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #CCCCCC;

	position: absolute;

	left: 213px;

	top: 9px;

	width: 155px;

	height: 11px;

	background-color: #181818;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	padding-top: 5px;

	padding-left: 5px;

}

#form1 #passe {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #CCCCCC;

	position: absolute;

	left: 382px;

	top: 9px;

	width: 92px;

	height: 11px;

	background-color: #181818;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	padding-top: 5px;

	padding-left: 5px;

}

#form1 #btn {

	position: absolute;

	left: 486px;

	top: 5px;

}

#form2 {

	margin: 0px;

	padding: 0px;

	position: relative;

}

#form2 #recherche {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #171717;

	position: absolute;

	left: 35px;

	top: 1px;

	width: 172px;

	height: 16px;

	background-color: #ffffff;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	padding-top: 3px;

	padding-left: 5px;

}

#form2 #btn-inscrir {

	position: absolute;

	left: 248px;

	top: -2px;

}

#cherche {

	background-image: url(../images/cherche.png);

	background-repeat: no-repeat;

	background-position: right;

	height: 32px;

	width: 350px;

	float: right;

	position: relative;

}

#main {

	background-image: url(../images/bg-main.png);

	background-repeat: no-repeat;

	float: left;

	width: 973px;

	position: relative;

	margin-top: 15px;

}

#main-body {

	float: left;

	height: auto;

	width: 600px;

	padding-top: 20px;

	padding-right: 15px;

	padding-left: 15px;

	position: relative;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #CCCCCC;

}

#left {

	float: left;

	height: auto;

	width: 343px;

	padding-top: 20px;

	position: relative;

	margin-bottom: 5px;

}

#case1 {

	background-image: url(../images/bg-left.png);

	background-repeat: no-repeat;

	float: left;

	height: 125px;

	width: 334px;

	position: relative;

}

#title-case {

	float: left;

	height: 28px;

	width: 334px;

	position: relative;

	text-align: center;

	margin-top: 10px;

}

#contenu-case {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	float: left;

	height: 75px;

	width: 274px;

	position: relative;

	margin-top: 5px;

	padding-right: 30px;

	padding-left: 30px;

}

#contenu-case1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	float: left;

	height: 60px;

	width: 274px;

	position: relative;

	margin-top: 5px;

	padding-right: 30px;

	padding-left: 30px;

}

#foot-case {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	float: left;

	height: 15px;

	width: 274px;

	position: relative;

	padding-right: 30px;

	padding-left: 30px;

}



#case2 {

	background-image: url(../images/bg-left.png);

	background-repeat: no-repeat;

	float: left;

	height: 125px;

	width: 334px;

	position: relative;

	margin-top: 5px;

	margin-bottom: 5px;

}

#separ {

	float: left;

	height: 5px;

	width: 958px;

	position: relative;

	padding-left: 15px;

}

#main-foot {

	float: left;

	width: 973px;

	position: relative;

}

#title-actu {

	float: left;

	height: 34px;

	width: 958px;

	position: relative;

	padding-left: 15px;

}

#actu-left {

	float: left;

	height: 236px;

	width: 300px;

	position: relative;

	padding-right: 6px;

	padding-left: 15px;

}

#separ-v {

	background-image: url(../images/sep-vertical.png);

	background-position: center;

	float: left;

	height: 236px;

	width: 5px;

	position: relative;

	background-repeat: no-repeat;

}

#actu-center {

	float: left;

	height: 236px;

	width: 301px;

	position: relative;

	padding-right: 10px;

	padding-left: 10px;

}#actu-right {

	float: left;

	height: 236px;

	width: 301px;

	position: relative;

	padding-right: 10px;

	padding-left: 10px;

}

#footer {

	float: left;

	height: 25px;

	width: 958px;

	position: relative;

	padding-left: 15px;

	padding-top: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #999999;

}#menu-foot {

	float: left;

	width: 400px;

}

#menu-foot a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #999999;

	text-decoration: none;

}



#mention {

	float: right;

	width: 435px;

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #FFFFFF;

}

#main-foot p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

}

h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #bb4248;

	margin-top: 10px;

}

a.suite {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #bb4248;

	text-decoration: none;

}

a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #bb4248;

	text-decoration: none;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}