/* CSS Document */
/*REMARQUE TRÈS IMPORTANTE:
L'UTILISATION DU PADDING => UN AJUSTEMENT DE LA TAILLE DU CADRE EN FONCTION DU PADDING UTILISÉ
EXEMPLE: ON A UN CADRE X*Y ET L'ON SOUHAITE QUE CE CADRE RESTE COLLÉ AUX AUTRES. ON A:
	height:Ypx;
	width:Xpx;
	
SI ON UTILISE padding:10px;
	DANS CE CAS IL FAUDRA AJUSTER X ET Y QUI DEVIENNET RESPECTIVEMENT X'=X-20 ET Y'=Y-20 (ON ENLÈVE 2* LE padding
SI ON UTILISE padding-left:10px 
	IL SUFFIT ALORS D'AJUSTER X QUI DEVIENT X'=X-10 
ETC...*/

body, th { 
	color:#000000;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size:0.8em;
	line-height:1em;
	text-align:justify;
}
	
body {
 	background:#000000 url(../pictures_rentree/background-line.jpg) top repeat-x fixed;
	width:100%;
	height:100%;
	margin:auto;
}

img {
	border:0px;
}

#fond_image {
	width:100%;
	height:100%;
	background:#000000 url(../pictures_rentree/background.jpg) top no-repeat fixed;
}

#conteneur_site {
	margin-left:auto;
	margin-right:auto;
	width:893px;	
}

#conteneur {
	overflow:hidden;
	position: relative;
	width: 893px;
	margin: 0 auto; 
}

#bandeau {
	width:875px;
   	height:218px;
  	float:left;
	background:url(../pictures_rentree/bandeau.png) center no-repeat;
	background-position:center;
	background-repeat:no-repeat;
}

#sponsors {
	padding:10px;
	width:125px;
   	height:90px;
	float:left;
}

#colonne_gauche {
	width:160px;
   	height:800px;/* ATTENTION: MÊME VALEUR QUE POUR #colonne_droite - heigt ET QUE POUR #corps - min-height */
  	float:left;
	margin:0px;
}
	#login {
		margin-top:10px;
		margin-left:18px;
		float:left;
		width:154px;
		height:116px;
		background:url(../pictures_rentree/form.png) top left no-repeat;
		vertical-align:bottom;
		margin-bottom:20px;
	}
	#login a, a:visited{
		color:#111111;
		text-decoration:none;
	}
	#login a:hover{
		text-decoration:underline;
	}
		.input{
			font-family:"Courier New", Courier, monospace;
			color:#666666;
		}
	
	#formLogin input[type=text]{
		float:left;
		margin-top:16px;
		height:16px;
		margin-left:10px;
		border:0px;
		width:98px;
		background:url(../pictures_rentree/textInputLog.jpg) top left no-repeat;
		padding:0 0 0 5px;
	}
	#formLogin input[type=password]{
		float:left;
		margin-top:10px;
		height:16px;
		margin-left:10px;
		border:0px;
		width:98px;
		background:url(../pictures_rentree/textInputLog.jpg) top left no-repeat;
		padding:0 0 0 5px;
	}
	#formLogin input[type=image]{
		float:left;
		margin-top:10px;
		margin-left:43px;
	}
	#pLogin{
		float:left;
		width:140px;
		margin-top:5px;
		margin-left:4px;
		font-size:0.8em;
	}
	#partenaires {
		margin-left:18px;
		width:142px;
		height:200px;
		float:left;
	}
	
#corps{  
	padding-left: 15px;
	padding-right:15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure. REMARQUE: ON ENLÈVE 30px À CHAQUE DIMENSION POUR QUE çA COLLE BIEN*/
	position:relative;
	float:left;
	width:508px;
	min-height:800px; 
	margin:0px;
	background:url(../pictures_rentree/corps.png) no-repeat top #ffffff;
	z-index:99;
	background-color:#ffffff;
	line-height:1.2em;
}

 #corps a, a:visited{
 	color:#666666;
 	text-decoration:none;
 }
	.corps_conteneur{ 
		float:left;
		width:508px;
		margin-bottom:10px;
		text-align:justify;
		border-bottom:1px solid #666666;
	}
	.corps_image {
		float:left;
		width:100px;
		margin-right:10px;
		text-align:center;
	}
	.corps_image_detail{
		float:left;
		width:200px;
		margin-right:10px;
		text-align:center;
	}
	.corps_image_fiche{
		float:left;
		width:245px;
		margin-right:10px;
		margin-bottom:10px;
		min-height:200px;
		text-align:center;
	}
	.trombi_gauche{
		float:left;
		width:220px;
		margin-bottom:10px;
		text-align:left;
	}	
	.trombi_droite{
		float:left;
		width:270px;
		margin-left:10px;
		margin-bottom:10px;
		text-align:left;
	}
	.trombi_resultat{
		float:left;
		width:120px;
		height:100px;
		margin-left:5px;
		margin-bottom:10px;
		text-align:left;
	}	
	.corps_photo {
		float:left;
		width:100px;
		height:120px;
		margin-left:20px;
		margin-bottom:40px;
		text-align:center;
	}
	.textoo_recu {
		float:left;
		width:504px;
		text-align:left;
		border:1px solid black;
		margin-bottom:10px;
	}
	.textoo_envoye{ 
		float:left;
		width:504px;
		text-align:right;
		border:1px solid black;
		margin-bottom:10px;
	}
	.forum_liste{
		list-style-position: inside;
		list-style-type: square;
		display: block; 
		padding: 0px;
		margin: 0px;
	}
	.forum_auteur{
		color:purple;
		font-style: normal;
	}
	.forum_auteur_link{
		color:purple;
		font-weight: bold;
		font-style: normal;
		text-decoration: underline;
	}
	.forum_entete{
		font-style: italic;
		color: #999999;
	}
	
#colonne_droite {
	width:195px;
   	height:800px;
  	float:left;
}
	
#conteneur_agenda {
	margin-top:10px;
	margin-bottom:20px;
	width:173px;
   	height:114px;
  	float:left;
	background:url(../pictures_rentree/agenda.png) no-repeat top;
}

#agenda {
	padding-left:22px;
	font-size:x-small;
	line-height:1.1em;
}
	#agenda li{
		list-style: none;	
	}	
	#agenda a{
		text-decoration:none;
	}	
		#libelle {
			width: 147px;
			margin: 7px;
			padding: 0px;
		}
			#libelle li {
				float : left;
				width : 21px; 
			}		
		.ligne {
			width: 147px;
			margin: 7px;
			padding: 0px;
		} 
			.ligne li { /*ATTRIBUT DU JOUR D'AUJOURD'HUI*/
				float : left; 
				width : 21px; 
			}
			.ligne li a:hover, .ligne li a {
				list-style: none;
				text-decoration: none;
			}
		li.itemCurrentItem {
			color:#FF0000;
		}
		li.itemCurrentItem a{
			color:#000099;
		}
		li.itemSelectedItem a{
			color:#FF0000;
			font-weight:bold;
		}		

#pied_de_page
{
	width:538px;
	height:31px;
	margin-left:160px;
	margin-bottom:25px;
   	text-align: center;
	float:left;
	font-size:0.8em;
   	background:url(../pictures_rentree/pied.png) top no-repeat;
}
	#pied_de_page a{
		color:#000000;
		text-decoration:none
	}	
	#pied_de_page a:visited{
		color: #333333;
	}

/* POUR LES INFOS BULLES DES ÉCHANGES */
#echange {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}