/* CSS Document */

/*feuilles de styles pour la structure avec les blocs collés droits avec arrondi en haut de la colonne*/

/*styles globaux________________________________________________________________________________*/
	body{ /*définit les marges et la police pour l'ensemble du document*/
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#4E4E4E;
		background:url(../img/structure_front/body.gif) repeat;
	}
	
	a img{ /*les images-liens n'ont pas de bordure*/
		border:0;
	}
	
	form{ /*les formulaires n'ont pas de marges*/
		margin:0;
		padding:0
	}
	
	#global{ /*div qui englobe toute la structure, fixé en largeur et centré horizontalement dans le navigateur*/
		margin:auto;
		width:754px;
		padding:6px 0 20px 0
	}
/*fin styles globaux___________________________________________________________________________*/

/* ---------------------------------------------------------------------- Outils */
	#outils {
		position:absolute;
		top:9px;
		left:50%;
		margin:0 0 0 225px
	}
	#outils img {margin:4px -3px 0 0}
/* ---------------------------------------------------------------------------------- Top */
	#top {
		float:left;
		width:754px;
		height:25px;
		background:url(../img/structure_front/top.gif) no-repeat
	}
/* ---------------------------------------------------------------------- Choix de la langue */
	#top #langues {
		float:left;
		width:41px;
		height:18px;
		padding:7px 3px 0 12px;
		border-right:solid 2px #92959c
	}
/* ---------------------------------------------------------------------- Champs */
	#top label {
		color:#545356;
		background:url(../img/picto/label.gif) no-repeat right;
		padding:0 10px 0 0;
		margin:0 0 0 10px
	}
	#top .champs_search {
		width:128px;
		height:15px;
		border:solid 1px #9f9f9f;
		font-size:1em;
		color:#545356;
		padding:2px 0 0 3px;
		margin:4px 0 0 0
	}
	* html #top .champs_search {margin:3px 0 0 0}
	#top .btOk {
		position:absolute;
		top:10px;
		left:50%;
		margin:0 0 0 -100px
	}
	* html #top .btOk {
		margin:0 0 0 -110px
	}
/* ---------------------------------------------------------------------------------- Coté blanc */
	#cote_blanc {
		float:left;
		width:7px;
		height:209px;
		background:#fff;
		border-left:solid 1px #92959c
	}
/* ---------------------------------------------------------------------------------- Header */
	#header {
		float:left;
		border:solid 1px #817f84;
		width:726px;
		height:204px;
		background:#fff;
		padding:3px 0 0 9px
	}
/* ---------------------------------------------------------------------- Logo */
	#header #logo {margin:0 0 25px 0}
/* ---------------------------------------------------------------------- Visuels */
	#header #fading_picture {margin:0 0 0 10px}
	#identification {
		float:left;
		width:730px;
		height:21px;
		background:url(../img/structure_front/identificationBg.gif);
		padding:4px 0 0 24px
	}
	#identification p {
		float:left;
		margin:3px 10px 0 0
	}
	#identification p a {
		color:#00a6eb;
		text-decoration:underline
	}
	#identification p a:hover {text-decoration:none}
	.textField{
		border:1px solid #9f9f9f;
		font-family:arial;
		font-size:10px;
		padding:1px 2px 1px 2px;
		width:100px;
		color:#757575
	}
	.forget {padding:0 0 0 5px}
	.forget a {
		color:#00a6eb;
		text-decoration:underline
	}
	.forget a:hover {text-decoration:none}
	.date {
		float:left;
		display:block;
		color:#000;
		padding:3px 0 0 0;
		text-indent:30px
	}
	.pers {
		display:block;
		color:#000;
		padding:3px 0 0 0;
		text-indent:30px
	}
	.white{
		color:#00a6eb;
		font-weight:bold
	}
	#main {
		width:751px;
		float:left;
		background:#fff;
		border-left:solid 1px #92959c;
		border-right:solid 2px #92959c;
		border-bottom:solid 2px #92959c;
		padding:0 0 120px 0
	}
	#left{
		float:left;
		width:145px;
		padding:25px 0 0 3px
	}
	#content{
		float:left;
		width:425px;
		padding:8px 0 0 15px;
	}
	#right{
		position:absolute;
		top:290px;
		left:50%;
		margin:0 0 0 225px;
		width:145px
	}
	* html #right {
		margin:0 0 0 212px;
	}
	
	#fixStructure{ /*permet l'alignement des 3 éléments barre de gauche partie centrale et barre de droite*/
		clear:both;
		height:1px;
		width:754px;
	}
	
	#footer {
		float:left;
		width:739px;
		height:19px;
		background:url(../img/structure_front/footer.gif) no-repeat;
		margin:0 0 10px 0;
		padding:2px 15px 0 0;
		text-align:right
	}
	#footer span {
		color:#fff;
		font-size:.9em;
		float:left;
		text-indent:5px
	}
	#footer a {
		color:#fff;
		text-decoration:underline;
		margin:0 5px 0 5px
	}
	#footer a:hover {text-decoration:none}
/* fin structure________________________________________________________________________________*/

/*blocs dans cette feuille de styles les blocs sont droits, collés entre eux et leurs 
conteneurs (barre de gauche et de droite) ne possédent pas d'arrondi____________________________*/

	.bloc{
		width:146px;
	}
		
	.bloc ul{ /*liste des liens dans un bloc*/
		margin:0 0 5px 0;
		padding:0;
		list-style:none;
	}
	
	.bloc li{ /*liste des liens dans un bloc*/
		margin:0;
		padding:0 0 0 8px;
		background-image:url(/img/structure_front/puce.gif);
		background-repeat:no-repeat;
		background-position:0 7px;
	}
	
	ul.forum{ /*liste des liens pour les forums (bloc forum uniquement)*/
		margin:4px 0 8px 0;
		padding:0;
		list-style:none;
	}
	
	ul.forum li{ /*liste des liens pour les forums (bloc forum uniquement)*/
		margin:0;
		padding:0 0 0 15px;
		background-image:url(/img/structure_front/puce.gif);
		background-repeat:no-repeat;
		background-position:8px 8px;
	}
	
	ul.forum li a{ /*aspect des liens vers les forums (bloc forum uniquement)*/
		font-size:90%;
		color:#59504D;
		text-decoration:none;
	}
	
	ul.forum li a:hover{ /*aspect des liens survolés vers les forums (bloc forum uniquement)*/
		text-decoration:underline;
	}
	
	.bloc a{ /*aspect des liens des blocs*/
		color:#940084;
		text-decoration:none;
		font-size:100%;
	}
	
	.liens_evidences a {
		color:#940084;
		text-decoration:none;
		font-size:100%;
	}
	
	.bloc a:hover{ /*aspect des liens survolés des blocs*/
		text-decoration:underline;
	}
		.blocA1{
			width:130px;
			height:24px;
			background:url(../img/blocs/arrondiTp.gif);
			padding:2px 0 0 15px;
			color:#fff;
			font-weight:bold
		}
		
		.blocA2{
			width:130px;
			border-left:solid 1px #817f84;
			border-right:solid 1px #817f84;
			padding:0 0 7px 13px
		}
		
		.blocA3{
			width:145px;
			height:14px;
			background:url(../img/blocs/arrondiBt.gif);
			margin:-5px 0 10px 0
		}
		.blocB1{
			width:130px;
			height:24px;
			background:url(../img/blocs/arrondiTp.gif);
			padding:2px 0 0 15px;
			color:#fff;
			font-weight:bold
		}
		
		.blocB2{
			width:130px;
			border-left:solid 1px #817f84;
			border-right:solid 1px #817f84;
			padding:0 0 7px 13px
		}
		
		.blocB3{
			width:145px;
			height:14px;
			background:url(../img/blocs/arrondiBt.gif);
			margin:-5px 0 10px 0
		}
		.blocC1{
			width:130px;
			height:24px;
			background:url(../img/blocs/arrondiTp.gif);
			padding:2px 0 0 15px;
			color:#fff;
			font-weight:bold
		}
		
		.blocC2{
			width:130px;
			border-left:solid 1px #817f84;
			border-right:solid 1px #817f84;
			padding:0 0 7px 13px
		}
		
		.blocC3{
			width:145px;
			height:14px;
			background:url(../img/blocs/arrondiBt.gif);
			margin:-5px 0 10px 0
		}
		.blocD1{
			width:130px;
			height:24px;
			background:url(../img/blocs/arrondiTp.gif);
			padding:2px 0 0 15px;
			color:#fff;
			font-weight:bold
		}
		
		.blocD2{
			width:130px;
			border-left:solid 1px #817f84;
			border-right:solid 1px #817f84;
			padding:0 0 7px 13px
		}
		
		.blocD3{
			width:145px;
			height:14px;
			background:url(../img/blocs/arrondiBt.gif);
			margin:-5px 0 10px 0
		}
		* html .blocA3, * html .blocB3, * html .blocC3, * html .blocD3 {margin:0 0 10px 0}
/* ---------------------------------------------------------------------------------- Logo + copyright */
	#bottom {
		float:left;
		width:195px;
		height:110px;
		margin:-119px 0 0 0;
		text-align:center;
		padding:0 0 0 6px
	}
	* html #bottom {margin:-122px 0 0 0;}
	#bottom img {margin:0 0 10px 0}
	#bottom span {
		display:block;
		clear:both;
		text-align:left;
		color:#a1a0a0;
		font-size:.9em
	}