*
{
	padding:0px;
	margin:0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	background:none;
}

body
{
	width:100%;
	height:100%;
	background-image: url('../images/motif.jpg');
	background-position: top center;
}

h1,h2,h3,h5
{
	color:#0E52D2;
}

h2
{
	color:#3366CC;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 5px 0;
}

h3 span
{
	font-weight: bold;
	color:#3366CC;
}

b
{
	font-weight: bold;
}

p, ul, li
{
	padding:5px 0px;
}

ul
{
	list-style-position:inside;
	list-style-image:url('../images/puce.png');
}
input, textarea
{
	border:1px solid #999999;
	padding:3px;
}

/******styles de texte******/
/**inscription**/
a
{
	color:#0E52D2;
	font-weight:bold;
}
a:hover
{
	text-decoration: underline;
}

/**bt inscription**/
.btM a, .btM .submit
{
	color:#FFFFFF;
	font-weight:normal;
    font-family: arial, sans-serif;
	font-weight: bold;
    font-size: 16px;
}
.btM  a:hover, .btM .submit:hover
{
	color:#FFFF66;
	text-decoration: none;
}

.submit
{
	_width:0;
	_overflow:visible;
	cursor:pointer;
}

#titre
{
	position: absolute;
	left:404px;
	top:122px;
	color:#3399CC;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#conteneur
{
	width:999px;
	height:600px;
	position: absolute;
	left:50%;
	top:Opx;
	margin-left:-500px;
	background-image: url('../images/fond.jpg');
	background-repeat: no-repeat;
}

#footer
{
	position: absolute;
	left:0px;
	bottom:0px;
	width:100%;
	text-align:center;
}
#footer a
{
	font-weight:normal;
}
#footer a:hover
{
	text-decoration: underline;
}

/**************************************************
******************** LE MENU ***********************
**************************************************/

/******************** LA BARRE *********************/

#menu
{
	height:64px;
	position: absolute;
	left:0px;
	top:160px;
}

#menuG
{
	background-image: url('../images/barregauche.png');
	background-repeat: no-repeat;
	background-position: top;
	height:64px;
	width:47px;
}

#menuM
{
	background-image: url('../images/barremilieu.png');
	background-repeat: repeat-x;
	background-position: top;
	height:64px;
	width:600px;
	line-height:51px;
	vertical-align:middle;
}

#menuD
{
	background-image: url('../images/barredroite.png');
	background-repeat: no-repeat;
	background-position: top;
	height:64px;
	width:48px;
}

/***************** LES BOUTONS *********************/

#bt
{
	position: relative;
	left:5px;
	top:2px;
	padding-left:27px;
}

.btA
{
	float:left;
	margin-left:-27px;
}

.btG
{
	background-image: url('../images/btgauche.png');
	background-repeat: no-repeat;
	background-position: top right;
	height:51px;
	width:38px;
	margin-top:1px;
}

.btM
{
	background-image: url('../images/btmilieu.png');
	background-repeat: repeat-x;
	background-position: top;
	height:54px;
	font-family: arial, sans-serif;
	font-weight: bold;
    font-size: 14px;
	color: white;
}

.btD
{
	background-image: url('../images/btdroite.png');
	background-repeat: no-repeat;
	background-position: top left;
	height:49px;
	width:39px;
}

/**************************************************
******************** LE TEXTE **********************
**************************************************/

#texte
{
	position: absolute;
	left:109px;
	top:245px;
}

#texteH
{
	background-image: url('../images/textehaut.png');
	background-repeat: no-repeat;
	background-position: top;
	height:26px;
	width:540px;
}

#texteM
{
	background-image: url('../images/textemilieu.png');
	background-repeat: repeat-y;
	background-position: top;
	width:540px;
}

#texteConteneur
{
	padding:0px 30px;
}

#texteB
{
	background-image: url('../images/textebas.png');
	background-repeat: no-repeat;
	background-position: top;
	height:60px;
	width:540px;
}

.ligne
{
	float:left;
	margin:0px 5px;
	background:url('../images/puces.png') repeat-x right bottom;
	height:20px;
	width:100px;
}

.separateur
{
	height:0px;
	clear:both;
	width:100%;
	overflow:hidden;
	display:block;
}
/**************************************************
*************** LA ZONE DE CONNEXION ***************
**************************************************/

#bloc
{
	position: absolute;
	left:665px;
	top:160px;
	background-image: url('../images/bloc-connexion.png');
	background-repeat: no-repeat;
	background-position: top center;
	height:136px;
	width:270px;
	vertical-align:middle;
	line-height:13px;
    font-family: arial, sans-serif;
	font-weight: normal;
    font-size: 12px;
}

#mail
{
	position:absolute;
	top: 17px;
	left:0px;
}

#mdp
{
	position:absolute;
	top: 42px;
	left:0px;
}

#bloc label
{
	float:left;
	display:block;
	width:97px;
	margin: 2px 5px;
	text-align:right;
	color: white;
}
#bloc .input
{
	float:left;
	display:block;
	width:135px;
	padding: 1px 3px;
	text-align:right;
	text-align:left;
	border:none;
}
#bloc .submit
{
	padding:12px 0px;
	border:none;
}

#btC
{
	position:absolute;
	left:43px;
	top:56px;
}

#oubli
{
	position:absolute;
	top:97px;
	left:72px;
	height:20px;
}

#oubli a
{
	font-family: arial, sans-serif;
	font-weight: normal;
    font-size: 10px;
	color: white;
}
#oubli a:hover{text-decoration:underline;}



.floatL
{
	float: left;
}

/**************************************************
*******************INSCRIPTION ********************
**************************************************/

#formInsc label
{
	float:left;
	display:inline;
	width:130px;
}
#formInsc input
{
	width:300px;
	border:1px solid #999999;
	padding:3px;
}
#formInsc p
{
	margin:10px 0px 0px 0px;
}
#formInsc .erreur
{
	color:red;
	font-style:italic;
}

#formInsc .formInfo
{
	margin: 0 0 5px 0;
	padding-left: 130px;
}

.btnInscrire
{
	width:90px;
	margin-right:9px;
	float:right;
	display:inline;
}

fieldset
{
	padding:20px;
}

/**************************************************
*********************CONTACT ********************
**************************************************/

#contact input, #contact textarea
{
	width:100%;
}

#texte .submit
{
	width: 100px;
	background: #EEE;
}
select 
{
	border:1px solid #999;
	font-size:12px;
	padding:2px;
}