/*--------------------------------ID-----------------------------------*/

	/*conteneur*/
		#content {
			width:727px;
			min-height:100%;
			height:auto !important;
			height:100%;
			margin-top:0;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:-65px;
			text-align:left;		
			}
			/*ombre de l'entête 76px(69+7)*/
				#headshdw {
					position:absolute;
					top:10px;
					background-repeat:no-repeat;
					height:76px;
					width:727px;
					}
					/*image de l'entête 69px(67+1+1)*/
						#headpic {
							border:solid 1px #FFFFFF;
							float:left;
							width:718px;
							height:67px;
							}
					/*menu de l'entête*/
						#headmenu {
							color:#666666;
							float:right;
							font-weight:bold;
							font-size:12px;
							padding-top:25px;
							padding-right:80px;
							}
			/*menu (sous l'entête) 20px(15+5)*/
				#menu {
					left:0;
					position:absolute;
					top:86px;
					color:#FFFFFF;
					width:100%;
					height:15px;
					text-align:center;
					padding-bottom:5px;
					font-size:12px;
					}
			/*ombre du corps (partie haute)*/
				#bodyshdwup {
					position:absolute;
					top:106px;
					width:727px;
					height:15px;
					}
			/*corps du site*/
				#body {
					position:absolute;
					background-repeat:repeat-y;
					overflow:auto;
					background-color:#eaeaea;
					font-size:0.9em;
					top:121px;
					bottom:65px;
					width:680px;
					padding-left:20px;
					padding-right:10px;
					margin-right:17px;
					}
			/*div push (fusion des marges)*/
				#push {
					height:65px;
					}
	/*pied de page toujours en bas*/	
		#piedepaj {
			width:727px;
			height:58px;
			padding-bottom:7px;
			margin-left:auto;
			margin-right:auto;				
			}
			/*ombre du corps (partie basse)*/
				#bodyshdwdown {
					width:727px;
					height:40px;
					}
			/*options langues et skins*/
				#foot {
					float:left;
					font-size:10px;
					color:#FFFFFF;
					height:15px;
					width:720px;
					text-align:center;
					}
			
/*-------------------------------CLASS-------------------------------*/		
	/*conteneur de la rubrique "téléchargement"*/	
		.download_element {
			float:left;
			width:283px;
			padding-right:20px;
			padding-bottom:20px;
			}
			
	/*conteneur des titre et description des autres téléchargements (rubrique down)*/
		.download2_element {
			float:left;
			width:640px;
			margin-bottom:10px;
			}
	
	/*conteneur des autres rubriques*/
		.common_element {
			float:left;
			width:620px;
			margin-bottom:8px;
			padding-left:20px;
			text-align:justify;
			}
	
	/*description d'un élément*/
		.descript {
			display:block;
			margin-right:7px;
			}
		
	/*mise en forme de l'intitulé de la rubrique accueil*/
		.hdhome {
			width:100%;
			font-style:normal;
			margin:0 0 0 0;
			padding:0;
			}
	/*mise en forme de l'intitulé des autres rubriques*/
		.hdothers {
			width:590px;
			font-style:normal;
			margin:0 0 0 0;
			padding:0 0 0 20px;
			}	
	/*lien de classe a (menu sous l'entête)*/
		.linka {
			color:#EBEFEF;
			font-weight:bold;
			}
	/*lien de classe b (menu dans l'entête)*/
		.linkb {
			color:#666666;
			font-weight:bold;
			}
	/*lien de module (langue ou couleur)*/
		.linkdown {
			color:#FFFFFF;
			text-align:center;
			height:16px;
			width:16px;
			border-width:1px;
			border-style:solid;
			border-color:#FFFFFF;
			font-size:12px;
			}
	
	/*les classes ci-dessous gèrent le comportement de l'image de la page d'accueil*/
		a.info {
			position:relative;
			text-decoration:none;
			text-align:center;
			height:290px;
			}		
		/*changement de pointeur quand la souris passe sur l'image*/
		a.info img {
			cursor:crosshair;
			border:1px solid white;
			}
		/*quand la souris passe sur ce <a>, aucun effet relatif à cette balise ne se déclenche*/
		a.info:hover {
			background:none; 
		}
		a.info span {display:none;}
		a.info:hover span {
			display:block;
			margin-top:10px;
		}
			
	/*cette classe définit le filtre transparent s'affichant à l'agrandissement d'une image*/
		.layer {
			bottom:0;
			width:100%;
			height:100%;
			position:absolute;
			background-color:black;
			opacity:0.75;
			filter:alpha(opacity=75);
			}
		.popup {
			position:absolute;
			top:20px;
			left:50%;
			border:1px solid white;
			}
		.comment {
			position:absolute;
			color:white;
			padding-top:5px;
			text-align:center;
			}
			
	/*les trois classes ci-dessous gèrent l'opacité de l'icone image de n'importe quelle rubrique 
	suivant le comportement du visiteur*/
		/*comportement de la classe rollover en elle-même*/
		.rollover {
			float:left;
			width:40px;
			height:40px;
			margin-right:7px;
			}
		/*l'image contenue dans ce rollover est, tant que la souris ne la survole pas, attenuée en opacité*/
		a.rollover img {
			opacity:0.5;
  			filter:alpha(opacity=50);
  			}
		/*l'opacité de l'image redevient normale au survol de la souris*/
		a.rollover:hover img {
			opacity:1.0;
			filter:alpha(opacity=100);  
  			}	

/*---------------------MISE EN FORME PERMANENTE---------------------*/
	a {
		text-decoration:none;
		}

	a:hover {
		color:#000000;
		}

	a.linkdown:hover {
		border-color:black;
		color:#FFFFFF;
		}

	body, html {
		font:0.88em Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		height:100%;
		scrollbar-arrow-color:#6d6d6d;
		scrollbar-darkshadow-color:#a7aaab;
		scrollbar-face-color:#e8ecec;
		scrollbar-track-color:#d0d6d7;	
		}
	
	h1 {
		font-size:1.6em;
		font-weight:normal;
		}
	
	h2 {
		width:90%;
		padding:0 0 5px 42px;
		margin:0;
		font-size:1em;
		font-weight:bold;
		}
	
	h3 {
		width:90%;
		padding:0 0 5px 42px;
		margin:0;
		font-size:1em;
		font-weight:normal;
		}
	
	img {
		border:0;
		}
		
	p {
		margin:0;
		padding:0;
		}
		
	/*div{border:1px solid black;}