/* CSS Document */

	/*______________________styles globaux____________________*/

	body{
		margin:0;
		padding:0 0 0 0;
		font-family:arial;
		font-size:11px;
		color:#000;
		background-image:url(../img/environnement/fond_page.jpg);
		background-repeat:repeat-x;
		background-color:#74C7E9;
	}
	
	a img{
		border:0;
	}
	
	* {
		padding:0;
		margin:0;
	}

	form {
		padding:0;
		margin:0;
	}

	.sp {
		clear:both;
		height:1px;
		font-size:.1em
	}
	
	.left{
		text-align:left;
	}
	
	.right{
		text-align:right;
	}
	
	.center{
		text-align:center;
	}
	
	.justify{
		text-align:justify;
	}
	
	a {
		font-size:100%;
		color:#f78300;
		text-decoration:none;
	}
							
	a:hover {
		text-decoration:underline;
	}

	/*______________________structure_________________________*/
	
	
	#conteneurGlobal{
		margin:auto;
		padding:3px 0 0 0;
		width:780px;
	}
	
	#blocGauche{
		float:left;
		width:202px;
		position:relative;
	}
	
			#logoEtVisuel{
				width:202px;
			}
			
			#conteneurMenu{
				width:182px;
				position:absolute;
				top:191px;
				left:20px;
				z-index:2;
			}
			
					#menuHaut{
						width:182px;
						height:6px;
					}
					
					#menuContenu{
						width:181px;
						background-color:#FFF8D6;
						border-left:1px solid #588DA3;
						padding:0;
					}
							#moteurRecherche{
								margin:0 0 7px 0;
								padding:0
							}
						
									.champTexte{
										border:1px solid #9f9f9f;
										background-color:#fff;
										padding:1px 4px 1px 4px;
										font-family:arial;
										font-size:11px;
										color:#000;
									}
										
									.conteneurBtnOk{
										padding-left:7px;
									}
									
									.inputImage{
										cursor:pointer;
									}
						
							h1.menu{
								margin:0 0 0 0;
								padding:0 10px 4px 7px;
								font-size:100%;
								font-family:verdana;
								color:#FF8F00;
								border-bottom:1px dashed #9A9A9A;
								
							}
							
							h1.menu a {
								margin:0 0 0 0;
								padding:0 10px 4px 7px;
								font-size:100%;
								font-family:verdana;
								color:#FF8F00;
								border-bottom:1px dashed #9A9A9A;
								text-decoration:none;
							}
							
							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/environnement/puce_menu.gif);
								background-repeat:no-repeat;
								background-position:10px 5px;
							}
							
							ul.menuItems li a{
								font-size:100%;
								color:#63A858;
								
								text-decoration:none;
							}
							
							ul.menuItems li a:hover{
								text-decoration:underline;
							}
							
							ul.menuItems li a.news{
								color:red;
								font-weight : bold;
							}
							ul.menuItems li a.news:hover{
								text-decoration:underline;
								color:red;
								font-weight : bold;
							}
							ul.menuItems li a.flash{
								font-size:100%;
								color:#63A858;
								text-decoration:none;
							}
							
							ul.menuItems li a.flash:hover{
								text-decoration:underline;
							}
							
							
					#menuBas{
						width:182px;
						height:9px;
					}
					
					#contenuSousMenu{
						margin:0;
						padding:0
					}
					
					/*bas du bloc de gauche pour la home*/
					#liensUtiles{
						margin:0;
						padding:26px 0 0 0;
						/*background-image:url(../img/environnement/titre_liens_utiles.gif);*/
						background-repeat:no-repeat;
					}
					
						.btnlienUtile{
							margin:0 0 1px 0;
							padding:0 0 0 0;
							
						}
						
					/*bas du bloc de gauche pour les pages intérieures*/
					
					#recherchezCliGauche{
						margin:8px 0 0 0;
						padding:26px 0 0 0;
						background-image:url(../img/environnement/recherchez_cli.gif);
						background-repeat:no-repeat;
					}
					
						#recherchezCliContenuGauche{
							padding:0;
							margin:0;
						}
						
						.carteGauche{
							padding:0 0 0 23px;
						}
				
				
	#blocPrincipal{
		float:left;
		width:578px;
	}
	
			#bandeauHaut{
				width:537px;
				height:45px;
			}
			
			#blocCentral{
				width:535px;
				background-color:#fff;
				border-right:1px solid #7D8175;
				border-left:1px solid #7D8175;
			}
			
					#actualite{
						width:515px;
						padding:8px 10px 0 10px;
					}
					
							.champActualite{
								border:1px solid #fff;
								background-color:#fff;
								padding:0;
								font-family:arial;
								font-size:11px;
								color:#50884b;
							}
							
					#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{
						width:510px;
						padding:6px 0 0 24px;
					}
					
							#contenuMargeBas{
								height:15px;
							}
					
					#newsletter{
						width:236px;
						height:33px;
						padding:14px 0 0 299px; 
						background-image:url(../img/environnement/fond_abonnement_newsletter.gif);
						background-repeat:no-repeat;
						background-position:4px 0;
					}
					
						.champNewsletter{
							border:1px solid #9f9f9f;
							background-color:#fff;
							padding:1px 4px 1px 4px;
							font-family:arial;
							font-size:11px;
							color:#8D5002;
						}
					
					
				
				#basBlocCentral{
					width:537px;
					height:7px;
				}
				
				#copyright{
					text-align:center;
					margin:9px 39px 5px 0;
					color:#FBFEFF;
					font-family:arial;
					font-size:90%;
				}
					
	
	#structureClear{
		clear:both;
		height:6px;
	}


	/* Search Styles Interface */

	#contenu .searchField {height:44px; background-image:url(/img/contenu/pts.gif); background-repeat:repeat-x; font-size:1em;}
	#contenu .searchField .searchTitle {font-weight:bold; padding:3px 0 3px 0; color:#666;}
	#contenu .searchField .txtField {float:left; color:#000; width:113px; border:1px solid #9f9f9f; padding:1px 2px 0 2px; font-size:1em; height:15px;}
	#contenu .searchField .sButton {float:left; margin:-1px 0 0 5px;}

	#contenu .searchResult {}
	#contenu .searchResult img {margin:5px 0 5px 0}
	#contenu .searchResult .searchBnd {background-color:#fef8d6; padding:5px 0 5px 4px; color:#000; margin:0 0 15px 0}
	#contenu .searchResult .searchBnd .keyword {font-weight:bold}
	#contenu .searchResult .searchBnd .num {font-weight:bold}

	#contenu .searchResult .listResult {margin-left:0; padding-left:0; list-style:none;}
	#contenu .searchResult .listResult li {padding:0 0 15px 15px; background-image:url(/img/contenu/chip_square.gif); background-repeat:no-repeat; background-position:0 .4em;}
	#contenu .searchResult .listResult li .title {color:#5da54f; font-weight:bold}
	#contenu .searchResult .listResult li a {color:#01a2fd; text-decoration:none}
	#contenu .searchResult .listResult li a:hover {text-decoration:underline}

	#contenu .searchResult .oneBorder {background-image:url(/img/contenu/one_pts.gif); height:1px; background-repeat:repeat-x; font-size:.1em; margin:15px 0 0 0}

	/* SiteMap Styles Interface */

	#contenu .maplist {}
	#contenu .maplist .oneBorderTop {background-image:url(/img/contenu/one_pts.gif); height:1px; background-repeat:repeat-x; font-size:.1em; margin:5px 0 15px 0}
	#contenu .maplist .oneBorderBot {background-image:url(/img/contenu/one_pts.gif); height:1px; background-repeat:repeat-x; font-size:.1em; margin:15px 0 0 0}

	#contenu .maplist .list {margin-left:0; padding-left:0; list-style:none;}

	#contenu .maplist .list li {padding-left:5px; background-image:url(/img/contenu/chip_little_o.gif); background-repeat:no-repeat; background-position:0 .5em; margin:0 0 15px 0}
	#contenu .maplist .list li a {color:#ff9000; padding:0 0 0 5px; text-decoration:none; font-size:1.1em; font-weight:bold}
	#contenu .maplist .list li a:hover {text-decoration:underline;}

	#contenu .maplist .list ul {list-style:none; margin-left:0; padding-left:0;}
	#contenu .maplist .list li ul li {background-image:none; margin:10px 0 15px 0}
	#contenu .maplist .list li ul li a {color:#5fa55d; padding:0 3px 0 3px; text-decoration:none; font-size:1em; font-weight:bold}
	#contenu .maplist .list li ul li a:hover {text-decoration:underline;}

	/* Error Styles Interface */

	#contenu .error {}
	#contenu .error .oneBorderTop {background-image:url(/img/contenu/one_pts.gif); height:1px; background-repeat:repeat-x; font-size:.1em; margin:5px 0 15px 0}
	#contenu .error .oneBorderBot {background-image:url(/img/contenu/one_pts.gif); height:1px; background-repeat:repeat-x; font-size:.1em; margin:15px 0 0 0}
	#contenu .error .buttonBack {width:100%; margin:0 0 0 0; text-align:center}

	/* Contact Styles Interface */

	#contenu .contact {}
	#contenu .contact .oneBorderTop {background-image:url(/img/contenu/one_pts.gif); height:1px; background-repeat:repeat-x; font-size:.1em; margin:5px 0 15px 0}
	#contenu .contact .oneBorderBot {background-image:url(/img/contenu/one_pts.gif); height:1px; background-repeat:repeat-x; font-size:.1em; margin:15px 0 0 0}
	#contenu .contact .buttonSubmit {width:100%; margin:5px 0 5px 0; text-align:right}
 
	#contenu .contact .contactForm {margin:20px 0 0 0;}
	#contenu .contact .contactForm .leftArea {float:left; width:270px;}
	#contenu .contact .contactForm .rightArea {float:left; width:200px;}
	#contenu .contact .contactForm .sp {height:3px;}
	#contenu .contact .contactForm label {display:inline; float:left; width:80px; text-align:right; padding:0 5px 0 0; color:#747474; background-color:#fff}
	#contenu .contact .contactForm input.txt {border:1px solid #000; padding:1px 2px 0 2px; color:#000; height:13px; background-color:#fef8d6; font-size:1em; margin:0}
	#contenu .contact .contactForm textarea.txt {border:1px solid #000; padding:1px 2px 0 2px; color:#000; height:13px; background-color:#fef8d6; font-size:1em; margin:0}

	#contenu .contact .contactForm #civilite {width:70px; background-color:#fef8d6; font-size:1em}
	#contenu .contact .contactForm #nom {width:100px}
	#contenu .contact .contactForm #prenom {width:100px}

	#contenu .contact .contactForm #adresse {width:170px;}
	#contenu .contact .contactForm #cp {width:48px}
	#contenu .contact .contactForm #ville {width:122px}
	#contenu .contact .contactForm #pays {width:105px}

	#contenu .contact .contactForm #tel {width:100px;}
	#contenu .contact .contactForm #portable {width:100px;}
	#contenu .contact .contactForm #fax {width:100px;}
	#contenu .contact .contactForm #mail {width:105px;}

	#contenu .contact .contactForm #message {width:380px; height:130px}


