*{
		font-family: Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		font-size:12px;
		color:#777;
	}
	body {
		height:100%;
		margin: 40px 0 0 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
		padding: 0;
		text-align: center;
		background-color:#77CCE8;
		background-position:top center;
	}
	img{
		border:0;
	}
	hr{
		clear:both;
	}
	td{
		vertical-align:top;
	}
	p {
		margin-bottom : 1em;
	}
	strong.spip{
		color:#333;
	}
	#corpsPage{
		background-color:#FFF;
		width:770px;
	}
	.contenu{
		margin-left:5px;
	}
	.chapo{
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		margin: 0px 0px 20px 0px;
	}
	li,ul {
		list-style:none;
	}
	.oneColFixCtr #container {
		width: 770px;
		margin: 0 auto;
		text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	}
	
	.mainContent {
		padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	}
	.sidebar {
		width: 250px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
		background: #FFF; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
		padding: 5px 10px 0px 15px;
	}
	a.lienTitreTrombi, a div.zoneTitreTrombinoscope {
		font-size: 12px;
		font-weight: bold;
		color: #FF33FF;
		text-decoration:none;
	}
	.zoneTitretxtClassique {
		font-size: 18px;
		font-weight: bolder;
		color: #E52E83;
		text-decoration: none;
		padding: 0px 0px 10px 0px;
	}
	.bordure {
		height: 320px;
		width: 730px;
		border: 20px solid #FFFFFF;
		background-color:transparent;
	}
	.bandoBas {
		background-color: #FFFFFF;
		padding: 10px 0px 10px 19px;
	}
	.divBandoHo {
		background-color: #FFFFFF;
		width: 760px;
		padding: 20px 0px 0px 10px;
		margin:0;
	}
	.amenu a {
		font-size: 18px;
		color: #E52E83;
		text-decoration: none;
		font-weight: bolder;
		line-height: 18px;
	}
	.amenu2 a {
		font-size: 16px;
		line-height: 16px;
		color:#000;
		font-weight: normal;
	}
	.ssrub .amenu2  a {
		font-size: 14px;
		line-height: 14px;
		color:#777;
	}
	
	.amenu a:hover, .amenu2 a:hover, a:hover {
		color: #0099FF;
	}
	.amenu2 a {
		color: #0099FF;
	}
	.ssrub .amenu2 a.active {
		background: transparent url(images/puce_menu.gif) no-repeat top left;
		color: #0099FF;
		padding-left:15px;
	}
	.amenu2 a.active {
		background: transparent url(images/puce_menu.gif) no-repeat top left;
		color: #0099FF;
		padding-left:15px;
	}
	
	.amenubas  {
		font-size: 10px;
		color: #E52E83;
		text-decoration: none;
		font-weight: bolder;
	}
	.zoneCentralePageInterne {
		background-color: #FFFFFF;
		border: 20px solid #FFFFFF;
	}
	.vignette{
		float:left;
		display:none;
	}
	.visible{
		display:block;
	}
	/* nouvelle css */
	/* titres */
	.zoneGrandTitre, .zoneGrandTitre span{
		font-size: 23px;
		font-weight: bolder;
		color: #E52E83;
		text-decoration: none;
		padding: 0px 0px 50px 0px;
		padding-bottom: 30px;
		background-repeat: no-repeat;
	}
	.actu {
		background-image: url(images/icon_actualite_nb.gif);
	}
	.groupe {
		background-image: url(images/icon_groupe_nb.gif);
	}
	.communication {
		background-image: url(images/icon_communication_nb.gif);
	}
	.documentation {
		background-image: url(images/icon_documentation_nb.gif);
	}
	.session {
		background-image: url(images/icon_session_nb.gif);
	}
	.zoneTitre{
		font-size: 22px;
		font-weight: bolder;
		color: #E52E83;
		text-decoration: none;
		margin: 0px 0px 30px 5px;
	}
	/**/
	.zoneTitreArticle, .zoneTitreArticle i {
		font-size: 16px;
		font-weight: bolder;
		color: #E52E83;
		text-decoration: none;
		padding: 0px 0px 0px 0px;
	}
	.txtChapo {
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		margin: 0px 0px 20px 0px;
	}
	.dateFinTxt {
		font-style: italic;
		font-weight: normal;
		color: #777;
		text-decoration: none;
		text-align: right;
		margin: 0px 0px 10px 0px;
	}
	.lienTop {
		font-style: italic;
		font-weight: normal;
		color: #777;
		text-decoration: none;
		text-align: right;
		margin: 20px 20px 10px 0px;
	}
	.photoElu img {
		border:solid 1px #E52E83;
	}
	select, option {
		color:#000;
	}
/* document */
	.articleResume{
		clear:both;
		margin:0 0 8px 0;
		width:100%;
	}
	.docListe{
		visibility:hidden;
		position:absolute;
		background-color:#FFF;
		border:solid 1px #333;
		padding:10px;
		text-align:left;
		width:350px;
		margin-top:-30px;
		margin-left:-300px;
	}
	.docImage{
		cursor:pointer;
		float:right;
		background:transparent url(images/fichier.png) top right no-repeat;
		text-align:right;
		font-size:34px;
		font-weight:bolder;
		padding:15px 35px 0 0;
	}
	.tagCloud{
		font-size:18px;
		line-height:18px;
	}
	.tagCloud a{
		text-decoration:none;
	}
	.tagCloud a:hover{
		text-decoration:underline;
	}
	.tag-0, .tag-1, .tag-2, .tag-3, .tag-4, .tag-5{
		font-size:10px;
	}
	.tag-6, .tag-7, .tag-8, .tag-9, .tag-10, .tag-11{
		font-size:14px;
	}
	.tag-12, .tag-13, .tag-14, .tag-15, .tag-16{
		font-size:16px;
	}