.body {
	margin: 0; /* pour éviter les marges */
	text-align: left; /* pour corriger le bug de centrage IE */
	background-image: url(../00-perso/images_v2/home/trames.gif);
	height: auto;
	width: auto;
     }

/* ------------------------------------------------------------------------------------ */
/* CSS PAGE INDEX SPIRAL by Edd                                                              */
/* ------------------------------------------------------------------------------------ */
	
	.GlobalRow {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	height: 550px;
	width: 970px;
	border: #CCCCCC 0px solid;
	text-align: left;
	background:#fff;
		
	}

	.BandeauSpiral {
	height: 150px;
	width: 970px;
	margin-bottom: 0px;
	background-image: url(../00-perso/spiral_classique/images/banniere_spiral_CLASSIQUE_gris.jpg);
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	}

	/* ------------------------------------------------------------------------------------ */
	/* 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: 500px;
	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: 97%;
	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: 0px;
	height: 50px;
	width: 100%;
	background-image: url(../00-perso/images_v2/home/footer_spiral_old.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;
	}

