.body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 
	 background-image: url(../00-perso/images_v2/home/trames.gif);
     }

/* ------------------------------------------------------------------------------------ */
/* CSS PAGE INDEX SPIRAL by Edd                                                              */
/* ------------------------------------------------------------------------------------ */
	
	.GlobalRow {
		margin-left:auto;
		margin-right:auto;
		margin-top: 0px;
		height: 680px;
		width: 970px;
		border: #CCCCCC 0px solid;
		text-align: left;
		
		background:#fff;
		
	}

	.BandeauSpiral {
		height: 150px;
		width: 100%;
		margin-bottom: 10px;
		background-image: url(../00-perso/images_v2/home/bandeau_dev.jpg);
		cursor: pointer;
	}

	/* ------------------------------------------------------------------------------------ */
	/* DIVISION CADRE GAUCHE                                                                */
	/* ------------------------------------------------------------------------------------ */
	.CadreGauche {		
		float: left;
		margin-left:5px;
		height: 470px;
		width: 49%;
	}
		/* ------------------------------------------------------------------------------------ */
		/* Sous DIV de CadreGauche                                                              */
		/* ------------------------------------------------------------------------------------ */
		.LoginDiv {
			float: left;
			height: 80px;
			width: 225px;
			border: #999 1px solid;
			font: 0.6em verdana, arial, sans-serif;
			line-height:14px;
			text-align: right;
		}

		.LoginDiv a {
			font:   verdana, arial,sans-serif;
			text-decoration: none;
			
		}

		.SearchDiv {
			float: right;
			height: 80px;
			width: 230px;
			border: #999 1px solid;
			font: 0.6em  verdana, sans-serif;
			text-align: left;
		}
		
		.AuthentCAS {
			width: 100%; 
			height: 15px;
			margin-top: 15px; 
			margin-left:-5px;
			font: 0.6em verdana,arial, sans-serif;
			letter-spacing:1px;
		}

		.PubDiv {
			width: 100%;
			height: 100px;
			margin-top: 10px;
		}

		.NewsDiv {
			width: 100%;
			height: 248px;
			margin-top: 14px;
			margin-left:0px;
			overflow:hidden;
			/*border: #DDDDDD 1px solid;*/
			font: 0.7em arial, verdana, sans-serif;
			color: #999999;
			background-image: url(../00-perso/images_v2/home/fond_encart_news.jpg);
		}


	/* ------------------------------------------------------------------------------------ */
	/* DIVISION CADRE DROITE                                                                */
	/* ------------------------------------------------------------------------------------ */
	.CadreDroite {
		float: right;
		height: 470px;
		width: 50%;

	}
		/* ------------------------------------------------------------------------------------ */
		/* Sous DIV de CadreDroite                                                              */
		/* ------------------------------------------------------------------------------------ */

		.IconDiv {
			width: 100%;
			height: 50px;
			background-color: none;
		}
		
		.IconDiv li {
			margin: 0;
			padding: 0;
			display: inline;
			list-style-type: none;
		}

		.TitreTheme {	
			height: 25px;
			width: 95%;
			margin-left: 10px;
			font: normal 1.1em arial,verdana,sans-serif;
			
			color:#666;
			border-bottom: #999 1px solid;
		}

		.Theme {	
			height: 60px;
			/* width: 100% --> déforme le conteneur, passe à 98% */
			width: 98%;
			margin: 10px;
			margin-right: 0px;
			
		}

		.Theme img {	
			float: left;
			height: 60px;
			width: 60px;
		}

		.Theme table {
			font: 0.7em arial, verdana, sans-serif;
			height: 60px;
			color:#99cc33;
		}

	/* ------------------------------------------------------------------------------------ */
	/* DIVISION AUTRES                                                                      */
	/* ------------------------------------------------------------------------------------ */
	.BasDePage {
		margin-top: 10px;
		
		height: 50px;
		width: 100%;
		
		background-image: url(../00-perso/images_v2/home/footer.jpg);
	}
	
	.FooterLinks li {
		margin: 0px;
		padding: 0px;
		display: inline;
		list-style-type: none;
		color:#FFF;
		
	}

	.FooterLinks a:link, .FooterLinks a:visited {
		font: 0.6em verdana,arial, sans-serif;
		/*font-weight: bold;*/
		line-height: 35px;
		/*margin: 0 10px 4px 10px;*/
		
		text-decoration: none;
		color: #FFF;
	}

	.FooterLinks a:hover {
		font: 0.6em verdana,arial, sans-serif;
		/*font-weight: bold;*/
		line-height: 35px;
		/*margin: 0 10px 4px 10px;*/
		
		text-decoration: underline;
		color: orange;
	}


	/* Nécessaire sous les navigateurs autres que IE car les éléments flottants (float) dépassent de leur conteneur */
	.Spacer {
		clear: both;
	}

	/* ------------------------------------------------------------------------------------ */
	/* MISE EN PAGE                                                                         */
	/* ------------------------------------------------------------------------------------ */

	body {
		margin: 0px;
		padding: 0px;
		background-color: white;
	}

	img {
		border: none;
		vertical-align: middle;
	}

	form {
		margin: 0px;
		padding: 0px;
	}

	input {
		vertical-align: middle;
		border: white 1px solid;
		margin: 0px;
		padding: 0px;
	}

	.InputRadio {
		background-color: transparent;
		border: none;
		margin: 0px;
		padding: 0px;
	}

	.InputText {
		font: 1.2em verdana, sans-serif;
		background-color: #DCE0E3;
	}

	.Conteneur {
		margin: 5px;
		margin-left: 5px;
		padding: 5px;
		font:  0.8em verdana, arial, sans-serif;
		color:#666;
	}

	.Conteneur p {
		margin: 0 0 0 0;
		padding: 0px;
		margin-top:10px;
	}

	.CadreMilieu {		
		float: left;
		/*height: 470px;*/
		width: 100%;
		border: red 0px solid;
	}

	.FloatingLink {
		
		
		
		margin-top:35px;
		
		
		font: italic 0.5em  verdana, arial,sans-serif;
	}

	.FloatingLink a, a:visited {
		color: #666666;
	}

	 a, a:visited {
			font-family:   verdana, arial,sans-serif;
			color: black;
			text-decoration: none;
		}

	 a:hover {
			font-family:   verdana, arial,sans-serif;
			/* color: #677438; */
			color: #f19c01;
			text-decoration: none;
			/*border:1px solid red;*/
		}
	
	.NewsLink {
		font-family:  verdana, arial,sans-serif;
		/*font-style: italic;*/
		font-size: 0.9em;
		margin-left:-5px;
		margin-top:-10px;
		color: blue;
		
	}

	/* ------------------------------------------------------------------------------------ */
	/* patern                                                                               */
	/* ------------------------------------------------------------------------------------ */

	.textepage {
		font:  0.8em verdana, arial, sans-serif;
		color: black;
		text-decoration: none;
	}
	
	.intropage {
		font:  italic 0.8em  verdana,arial, sans-serif;
		color: black;
		text-decoration: none;
	}
	
	.lienpage {
			font:  bold 0.9em  verdana,arial, sans-serif;
            color: black;
			text-decoration: none;
	}
	
	.lienpage:hover {
			font:  bold 0.9em  verdana, arial,sans-serif;
            color: #f19c01;
			text-decoration: none;
	}