﻿body{
	font-size:			0.7em;
	font-family:		sans-serif;
	background:			url("images/fond.png") #ffffff repeat-x;
	margin:				0;
}

body a{
	font-weight:		bold;
	text-decoration:	none;
	color:				#789abc;
}
body a:hover{
	color:				#456789;
}


/*Mise en forme du titre*/
#titre{
	width:				920px;
	height:				70px;
	margin:				10px auto;
}

#titre h1{
	margin-top:			0px;
	float:				left;
	font-size:			0;
	background:			url("images/logo.png") no-repeat;
	width:				230px;
	height:				70px;
}
#titre > div{
	float:				right;
	margin:				30px 10px 0 0;	
}
#titre div div{
	background:			url("images/login.png") no-repeat;
	height:				30px;
	width:				156px;
	line-height:		30px;
	text-align:			center;
	margin-right:		4px;
	float:				left;
}
#titre div div > a{
	text-decoration:	none;
	color:				#456789;
	font-weight:		bold;
}
#titre > div > a > img{
	height:				30px;
	border:				none;
}

/*Mise en forme du menu*/
#menu{
	background:			url(images/menug.png) no-repeat;
	width:				920px;
	margin:				0 auto;
}
#menu > div{
	background:			url(images/menud.png) no-repeat top right;
	margin:				0 0 0 10px;
}
#menu > div > ul{
	background:			url(images/menu.png) repeat-x;
	width:				900px;
	height:				40px;
	margin:				0 10px 0 0;
	list-style-type:	none;
	padding:			0;
}

#menu > div > ul > li{
	float:				left;
	line-height:		40px;
	padding:			0 15px;
	color:				#333;
	cursor:				pointer;
}
#menu > div > ul > li:hover{
	background:			url(images/menuover.png) repeat-x;

}
#menu > div > ul > .langues{
	float:				right;
	margin:				2px 0px;
	cursor:				default;
}

#menu > div > ul > .langues:hover{
	background:			none;
}

#menu > div > ul > .langues > a > img{
	border:				none;
}


#menu > div > ul > li > a{
	color:				#456789;
	text-decoration:	none;

}

#menu > div > ul > .connexion{
	float:				right;
}

#corps{
	width:				920px;
	margin:				10px auto 10px auto;
	border:				none 1px #aaa;
	overflow:			hidden;
}

#piedpage{
	width:				920px;
	clear:				both;
	margin:				10px auto 0 auto;
	padding:			5px 0 0 0;
	text-align:			center;
	color:				#666;
	border-top:			solid 1px #aaa;
	font-size:			0.8em;
}

#piedpage a{
	font-weight:		bold;
	text-decoration:	none;
	color:				#789abc;
}
#piedpage a:hover{
	color:				#456789;
}


#mots_cles{
	width:				920px;
	clear:				both;
	margin:				0 auto;
	padding:			0;
	color:				#aaa;
	font-size:			0.8em;
}

#mots_cles a{
	font-weight:		bold;
	text-decoration:	none;
	color:				#aaa;
}

#mots_cles a:hover{
	color:				#456789;
}


/*******************************************
	Mise en place de zones titrées 
********************************************/

.bloc > .titre{
	background:			url(images/titreg.png) no-repeat;
	height:				30px;
}

.bloc > .titre > div{
	background:			url(images/titred.png) no-repeat top right;
	height:				30px;
}

.bloc > .titre > div > div{
	background:			url(images/titre.png);
	height:				30px;
	line-height:		35px;
	text-align:			center;
	color:				#fff;
	margin:				0 10px;
}

/*Ajout Oliverde8*/
.bloc > .titre > div > div > img {
	position:			relative;
	float:	 			left;
	height: 			40px;
	top:				-5px;
}

.bloc > .corps{
	background:			url(images/bordg.png) repeat-y;
}

.bloc > .corps > div{
	background:			url(images/bordd.png) repeat-y top right;
}

.bloc > .corps > div > div{
	background:			url(images/fondzone.png) repeat-x #fff;
	margin:				0 5px;
	padding:			25px;
}

.bloc > .bas{
	background:			url(images/bordbg.png) no-repeat bottom left;
	height:				10px;
}

.bloc > .bas > div{
	background:			url(images/bordbd.png) no-repeat bottom right;
}

.bloc > .bas > div > div{
	background:			url(images/bordb.png) repeat-x bottom;
	height:				10px;
	margin:				0 10px;
}

/* Zone de login nouvelle génération */
.masque_login{
	position:			fixed;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	background:			url(images/masque.png);
}
.zone_login{
	margin:				0 auto;
	width:				400px;
}

.zone_login > div{
	position:			fixed;
	top:				150px;
	margin:				0 auto;
	width:				400px;
	
}

.zone_login > div p > label {
	display:			block;
	float:				left;
	width:				130px;
	line-height:		25px;
}

.zone_login > div p > input {
	width:				130px;
}

.zone_login > div p {
	width:				270px;
	margin:				10px auto;
}
.zone_login > div .boutons {
	text-align:			center;
	margin:				10px auto;
}
.zone_login > div .boutons > input {
	width:				70px;
}

.zone_login > div .titre a {
	margin-right:		5px;
	float:				right;
	color:				white;
	width:				20px;
	font-weight:		bold;
	text-decoration:	none;
}
