/* CSS Document */

	/*______________________styles globaux____________________*/

	body{
		margin:0;
		padding:0 0 0 0;
		font-family:arial;
		font-size:11px;
		color:#000;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.left{
		text-align:left;
	}
	
	.right{
		text-align:right;
	}
	
	.center{
		text-align:center;
	}
	
	.justify{
		text-align:justify;
	}
	
	
	/*______________________structure_________________________*/
	
	
	#conteneurGlobal{
		margin:auto;
		padding:10px 0 0 0;
		width:780px;
	}
	
	#blocGauche{
		float:left;
		width:202px;
		position:relative;
		display:none;
	}
	
			#logoEtVisuel{
				width:173px;
				margin:15px 0 0 29px;
			}
			
			#conteneurMenu{
				width:195px;
				position:absolute;
				top:118px;
				left:7px;
				z-index:2;
			}
			
					#menuHaut{
						width:195px;
						height:6px;
					}
					
					#menuContenu{
						width:194px;
						background-color:#F0F3FF;
						border-left:1px solid #588DA3;
						padding:4px 0 0 0;
					}
							
							h1.menu{
								margin:0 0 4px 0;
								padding:0 10px 4px 7px;
								font-size:90%;
								font-family:verdana;
								font-weight:bold;
								color:#CC0000;
								border-bottom:1px dashed #9A9A9A;
								
							}
							
							ul.menuItems{
								margin:3px 0 7px 0;
								padding:0;
								list-style:none;
							}
							
							ul.menuItems li{
								margin:0;
								padding:0 0 0 19px;
								background-image:url(../../img/gravelines/environnement/puce_menu.gif);
								background-repeat:no-repeat;
								background-position:10px 5px;
							}
							
							ul.menuItems li a{
								font-size:100%;
								color:#417F99;
								text-decoration:none;
							}
							
							ul.menuItems li a:hover{
								text-decoration:underline;
							}
							
							.margeMenu{
								margin:0;
								padding:0;
								height:1px;
							}
							
					#menuBas{
						width:195px;
						height:10px;
					}
					
					#contenuSousMenu{
						margin:0;
						padding:0;
					}
					
					/*bas du bloc de gauche*/
					
					#moteurRecherche{
						margin:12px 0 0 18px;
						padding:0
					}
						
							.champTexte{
								border:1px solid #9F9F9F;
								background-color:#fff;
								padding:1px 4px 1px 4px;
								font-family:arial;
								font-size:11px;
								color:#223BA7;
							}
										
							.conteneurBtnOk{
								padding-left:7px;
							}
									
							.inputImage{
								cursor:pointer;
							}
							
					#newsletter{
						margin:12px 0 0 18px;
						padding:20px 0 0 0;
						background-image:url(../../img/gravelines/environnement/newsletter.gif);
						background-repeat:no-repeat;
					}
					
				
				
	#blocPrincipal{
		float:left;
		width:578px;
	}
	
			#bandeauHaut{
				width:531px;
				height:119px;
				display:none;
			}
			
			#blocCentral{
				width:529px;
				background-color:#fff;
			}
			
					#actualite{
						width:509px;
						padding:8px 10px 0 10px;
						display:none;
					}
					
							.champActualite{
								border:1px solid #fff;
								background-color:#fff;
								padding:0;
								font-family:arial;
								font-size:11px;
								color:#000;
							}
							
					#compas{
						padding:4px 0 5px 18px;
						color:#666;
					}
					
							#compas a{
								font-size:100%;
								color:#417F99;
								text-decoration:underline;
							}
							
							#compas a:hover{
								text-decoration:none;
							}
							
							#compas .actif{
								font-weight:bold;
							}
						
					/*contenu pour la home*/
					#contenuHome{
						width:504px;
						padding:6px 0 0 24px;
					}

					
					/*contenu pour les pages internes*/
					#contenu{
						width:480px;
						padding:6px 24px 0 25px;
					}
					
							#contenuMargeBas{
								height:15px;
								display:none;
							}
					
				
				#basBlocCentral{
					width:531px;
					height:4px;
					display:none;
				}
				
				#copyright{
					text-align:center;
					margin:9px 39px 5px 0;
					color:#FBFEFF;
					font-family:arial;
					font-weight:bold;
					font-size:90%;
				}
					
	
	#structureClear{
		clear:both;
		height:6px;
		display:none;
	}