/* CSS Document */

* {margin:0; padding:0; border:0; list-style-type:none}

html {background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}

body {
  margin: 0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
}

.bandeau {
	width:100%;
	height:156px;
	background-image:url(../images/fond-bandeau.jpg);
}
		.logo {
			width:298px;
			height:126px;
			padding-top:28px;
			margin:0 auto;
		}
		
.menu {
	width:955px;
	height:21px;
	margin:0 auto;
}

	.menu p {
		font-size:14px;
		font-weight:bold;
		text-align:center;
	}
	.menu a:link {color:#013E6E; text-decoration:none}
	.menu a:visited {color:#013E6E; text-decoration:none}
	.menu a:hover {color:#013E6E; text-decoration:underline}
	.menu a:active {color:#013E6E; text-decoration:none}

.cadre-presentation {
	width:955px;
	height:193px;
	margin:10px auto 0 auto;
}

		.annonce {
			width:571px;
			height:193px;
			background-image:url(../images/fond-annonce.jpg);
			background-repeat:no-repeat;
			float:left;
		}
		.cadre-connexion {
			width:384px;
			height:193px;
			background-image:url(../images/fond-connexion.jpg);
			background-repeat:no-repeat;
			float:left;
		}
				.cadre-connexion h1 {
					margin-top:30px;
					font-size:16px;
				}
				.cadre-connexion h2 {margin-top:20px;}
				
				.cadre-connexion a:link {color:#FFFFFF; text-decoration:underline}
				.cadre-connexion a:visited {color:#FFFFFF; text-decoration:underline}
				.cadre-connexion a:hover {color:#FFCC00; text-decoration:none}
				.cadre-connexion a:active {color:#FFFFFF; text-decoration:underline}
				
				.cadre-connexion table {
					width:150px;
					height:173px;
					font-size:11px;
					color:#FFFFFF;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					margin-left:20px;
					margin-top:5px;
					text-align:left;
					float:left;
				}
				html > body .cadre-connexion table {
					width:150px;
					height:173px;
					font-size:11px;
					color:#FFFFFF;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					margin-left:30px;
					margin-top:5px;
					text-align:left;
					float:left;
				}		
.contenus {
	width:955px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:left;
}

.contenus a:link {color:#013E6E; text-decoration:underline}
.contenus a:visited {color:#013E6E; text-decoration:underline}
.contenus a:hover {color:#013E6E; text-decoration:none}
.contenus a:active {color:#013E6E; text-decoration:underline}	

		.colonne-gauche {
			width:209px;
			float:left;
			margin-bottom:15px;
		}
				.encart-jeu {
					width:209px;
					margin-top:20px;
					clear:both;
				}
				.encart-jeu h1 {
					font-size:18px;
					color:#013E6E;
					padding-bottom:10px;
				}
				.encart-jeu p {
					font-size:12px;
					margin-top:7px;
					margin-bottom:7px;
				}
				.encart-jeu img {
					width:209px;
					height:96px;
				}
				
		.colonne-droite {
			width:450px;
			float:left;
			margin-bottom:20px;
		}
				.colonne-droite h1 {
					font-size:18px;
					color:#013E6E;
					margin-bottom:10px;
					margin-top:20px;
					margin-right:20px;
				}
				.colonne-droite p {
					font-size:12px;
					margin-bottom:15px;
					margin-right:20px;
					text-align:justify;
				}
		
		#jeux {
			width:259px;
			border:#013E6E 1px solid;
			margin-top:25px;
		}
				#jeux ul {
					padding-left:10px;
					padding-bottom:10px;
				}
				#jeux li {
					padding-left:10px;
					font-size:12px;
					list-style-type:disc;
					list-style-position:inside;
				}
				#jeux h1 {
					padding-left:10px;
					padding-top:5px;
					padding-bottom:5px;
					font-size:18px;
					color:#013E6E;
					font-weight:bold;
				}
				#jeux p {
					padding-left:10px;
					padding-bottom:10px;
					font-size:12px;
					color:#000;
					font-weight:bold;
				}
		
		.encart-tete-partenariat {
			width:261px;
			height:41px;
			background-image:url(../images/entete-encart-partenariats.jpg);
			background-repeat:no-repeat;
			margin-top:20px;
		}
				.encart-tete-partenariat h1 {
					font-size:16px;
					color:#FFFFFF;
					padding-top:10px;
					text-align:center;
				}
				.encart-tete-partenariat a:link {color:#fff; text-decoration:none}
				.encart-tete-partenariat a:visited {color:#fff; text-decoration:none}
				.encart-tete-partenariat a:hover {color:#fff; text-decoration:underline}
				.encart-tete-partenariat a:active {color:#fff; text-decoration:none}
		.encart-corps-partenariat {
			width:261px;
			height:222px;
			background-image:url(../images/encart-corps-partenariats.jpg);
			background-repeat:no-repeat;
		}
				.encart-corps-partenariat p {
					font-size:11px;
					color:#000000;
					padding:10px 5px 0 70px;
				}
				.encart-corps-partenariat span {
					font-size:11px;
					padding-right:10px;
					float:right;
				}
				.encart-corps-partenariat a:link {color:#003399; text-decoration:underline}
				.encart-corps-partenariat a:visited {color:#003399; text-decoration:underline}
				.encart-corps-partenariat a:hover {color:#003399; text-decoration:none}
				.encart-corps-partenariat a:active {color:#003399; text-decoration:underline}
			
				
.pied-de-page {
	width:955px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:#013E6E 1px solid;
	padding-top:10px;
	margin:0 auto;
	clear:both;
}
		.pied-de-page p {
			width:955px;
			font-size:11px;
		}
		.pied-de-page a:link {color:#013E6E; text-decoration:underline}
		.pied-de-page a:visited {color:#013E6E; text-decoration:underline}
		.pied-de-page a:hover {color:#013E6E; text-decoration:none}
		.pied-de-page a:active {color:#013E6E; text-decoration:underline}		
				
				
.vide {clear:both}



.colonne-gauche-new {
	float:left;
	width:261px;
	margin-right:20px;
}