* {
	margin:0;
	padding:0;
}

body{
	background:url(design/bkg.png) top left repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

	div#conteneur{
		position:relative;
		width:750px;
		margin:0 auto;
	}	
	
		div#titreSite{
			position:relative;
			float:left;
			margin:20px 0;
		}
			div#titreSite img{
				position:relative;
				float:left;
				border:none;
				margin-right:15px;
			}
			
			div#titreSite h1{
				position:relative;
				float:left;
				color:#FFF;
				font-size:2em;
				text-transform:uppercase;
				margin-top:-7px;
				width:600px;
			}
			
			div#titreSite h2{
				position:relative;
				float:left;
				color:#FFF;
				font-size:1.5em;
				text-transform:uppercase;
				width:600px;
				margin-top:4px;
				letter-spacing:0.27em;
			}
			
		div#menuAdmin{
			position:relative;
			float:right;
			z-index:3;
		}
		
			div#menuAdmin ul{
				list-style:none;
				font-size:0.7em;
			}
			
				div#menuAdmin li a:link{
					color:#CCC;
				}
				
				div#menuAdmin li a:visited{
					color:#CCC;
				}
				
				div#menuAdmin li a:hover{
					color:#FFF;
				}
				
				div#menuAdmin li a:active{
					color:#CCC;
				}
	
		div#menuSite{
			position:relative;
			float:left;
			width:750px;
			background:url(design/fondMenu.png) top left no-repeat #5081ff;
			z-index:100;
		}
		
			ul#menuPrincipal{
				position:relative;
				margin:0 10px;
				list-style:none;
				z-index:100;
			}
				li.ongletPrincipal{
					position:relative;
					float:left;
					padding:12px 0;
					margin:0 11px;
					display:block;
					font-size:0.95em;
				}
				
					ul#menuPrincipal li a{
						color:#FFF;
					}
					
					ul#menuPrincipal li a:link{
						text-decoration:none;
					}
					
					ul#menuPrincipal li a:visited{
						text-decoration:none;
					}
					
					ul#menuPrincipal li a:hover{
						text-decoration:underline;
					}
					
					ul#menuPrincipal li a:active{
						text-decoration:none;
					}
					
					ul#menuPrincipal li:hover ul.sousMenu{
						display:block;
					}
			
						ul.sousMenu{
							display:none;
							position:absolute;
							top:40px;
							left:0;
							z-index:33;
							float:left;
							background-color:#5081ff;
							font-size:0.8em;
							list-style:none;
						}
						
							ul.sousMenu li{
								position:relative;
								padding:0;
								padding:5px 10px;
								
							}
								ul.sousMenu li:hover{
									background-color:#7ba0ff;
								}
							
								ul.sousMenu a{
									white-space:nowrap;
								}
		
		div#header{
			position:relative;
			float:left;
			width:750px;
			height:197px;
			z-index:0;
		}
			div#header img{
				position:relative;
				float:left;
				z-index:0;
			}
		
		div#menudroit, div#sousmenu{
				position:relative;
				float:left;
				width:750px;	
				background-color:#5081FF;
			}
			
				div.menucase ul{
					list-style:none;
					margin-bottom:5px;
				}
				
					div.menucase ul li{
						display:inline;
						padding:0 10px;
					}
					
						div.menucase ul li a{
							font-size:0.7em;
							color:#fff;
						}
						
						div.menucase ul li a:link{
							text-decoration:none;
						}
						
						div.menucase ul li a:visited{
							text-decoration:none;
						}
						
						div.menucase ul li a:hover{
							text-decoration:underline;
						}
						
						div.menucase ul li a:active{
							text-decoration:none;
						}
		
		div#contenu{
			position:relative;
			float:left;
			width:700px;
			background:url(design/bkgConteneu.png) top left repeat-x #FFF;
			font-size:0.8em;
			padding:15px 25px;
		}
			div#contenu p{
				margin:5px 0;
			}

			div#contenu h2, div#contenu h3{
				margin-bottom:15px;
			}
				
			div#contenu ul, div#contenu ol{
				margin:10px 0 10px 25px;
			}	
				
			/* Style des new */
			.nouvelles {
				position:relative;
				margin-top:10px;
				padding:5px;
				border:1px solid black;
				background-color:#e3edf4;
				width:690px;
			}
			
				.nouvelles .header {
					position:relative;
					width:690px;
					float:left;
					border-bottom:1px solid #246fa7;
					margin-bottom:10px;
				}
				
					.nouvelles h4 {
						margin:0;
						float:left;
						width:545px;
						display:inline;
						padding-left:5px;
						font:1.1em normal Verdana, Arial, Helvetica, sans-serif;
						color:#246fa7;
						margin-bottom:0;
					}
					
					.nouvelles p.date {
						position:relative;
						float:right;
						width:140px;
						text-align:right;
						margin:0;
						font-size:0.7em;
					}
				
				.nouvelles p.auteur {
					text-align:right;
					color:#1F5984;
					margin-top:10px;
				}
				
				.nouvelles .newscontent * {
					margin:5px;
				}
			
			/* Formulaire */
		
			
			form span.name {
				float:left;
				text-align:right;
				padding-right:5px;
			}
			
			fieldset {
				padding:10px;
			}
			
			legend {
				color:#537235;
			}
			
			label {
				display:block;
				padding:0.2em;
			}
			
			label.sub1 {
				padding-left:3em;
			}
			
			/*Tableaux*/
			table, th, td {
				border:1px solid #000000;
			}
			
			table {
				margin-top:5px;
				border-collapse:collapse;
				background-color:#FFFFFF;
			}
			
			table .celluledefaut {
				background-color:#666666;
			}
			
			caption, th, td {
				padding: .2em;
			}
			
			caption {
				margin-top:1em;
				background-color:#1f5984;
				color: #FFFFFF;
			}
			
			th {
				background-color:#2778AF;
			}

		
		div#piedPage{
			position:relative;
			float:left;
			background:url(design/fondPied.png) left bottom repeat-x #246fa7;
			width:750px;
			margin-bottom:25px;
		}
			div#piedPage p{
				float:right;
				font-size:0.6em;
				color:#FFF;
			}