/* CSS Document */

	/*______________________styles globaux____________________*/

	body{
		margin:0;
		padding:0 0 0 0;
		font-family:arial;
		font-size:11px;
		color:#000;
		background-image:url(../../img/gravelines/environnement/fond_page.jpg);
		background-repeat:repeat-x;
		background-color:#018637;
	}
	
	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;
	}
	
			#logoEtVisuel{
				width:176px;
			}
			
			#conteneurMenu{
				width:195px;
				position:absolute;
				top:145px;
				left:7px;
				z-index:2;
			}
			
					#menuHaut{
						width:195px;
						height:6px;
					}
					
					#menuContenu{
						width:194px;
						background-color:#F0F3FF;
						border-left:1px solid #018637;
						padding:4px 0 0 0;
					}
							
							h1.menu{
								margin:0 0 4px 0;
								padding:0 10px 4px 7px;
								font-size:0.8em;
								font-family:verdana;
								font-weight:bold;
								color:#f25821;
								
							}
							h1.menu a {color:#f25821; font-size:110%; text-decoration:none}
							h1.menu a:hover {}
							
							ul.menuItems{
								margin:3px 0 7px 0;
								padding:0;
								list-style:none;
							}
							
							ul.menuItems li{
								margin:0;
								padding:0 0 0 15px;
								background-image:url(../../img/gravelines/environnement/puce_menu.gif);
								background-repeat:no-repeat;
								background-position:7px 6px;
							}
							
							ul.menuItems li a{
								font-size:0.9em;
								color:#003300;
								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{
						display:block;
						margin:12px 0 15px 7px;
						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:155px;
			}
			
			#blocCentral{
				width:529px;
				background-color:#fff;
				border-right:1px solid #7D8175;
				background-image:url(../../img/gravelines/structure/fond_logo.gif);
				background-position:left;
				background-repeat:repeat-y;
			}
			
					#actualite{
						width:509px;
						padding:5px 10px 0 10px;
					}
					
							.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:#018637;
								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;
						/*background-image:url(../../img/gravelines/environnement/ombre.gif);
						background-repeat:repeat-y;*/
					}

					
					/*contenu pour les pages internes*/
					#contenu{
						width:480px;
						padding:6px 24px 0 25px;
					}
					
							#contenuMargeBas{
								height:15px;
							}
					
				
				#basBlocCentral{
					width:531px;
					height:4px;
				}
				
				#contact{
					width:505px;
					height:93px;
					background-color:#B7FF70;
					margin-left:-24px;
					float:left;
					padding-left:24px;
					background-image:url(../../img/gravelines/contenu/ancli_fr.gif);
					background-repeat:no-repeat;
					background-position:right;
				}
				* html #contact {margin-left:-12px;}
					#contact_gauche{
						/*padding-left:25px;*/
						padding-top:10px;
						font:Arial;
						font-size:10px;
						color:#018637;
						float:left;
					}
					
					#contact_droit{
						padding-top:10px;
						padding-left:5px;
						font:Arial;
						font-size:10px;
						color:#018637;
						float:left;	
					}
					#contact a {
						color:#018637;
					}
					#contact a:hover {
						text-decoration:none
					}
				
				
				#nous_contactez{
					width:90%;
					height:15px;
					background-image:url(../../img/gravelines/contenu/nous_contactez.gif);
					background-repeat:no-repeat;
					background-position:0 0;
					background-color:#FFFFFF;
					margin:0 0 0 -24px;
				}
				#logo_ancli{
					width:145px;
					height:93px;
					background-image:url(../../img/gravelines/contenu/ancli_fr.gif);
					background-repeat:no-repeat;
					background-position:top;
					float:right;
				}
				
				#copyright{
					text-align:center;
					color:#fff;
					float:left;
					font-weight:bold;
					width:100%;
					padding:5px 0 0 0;
				}
					
	
	#structureClear{
		clear:both;
		height:6px;
	}