@import url('blocs.css');
@import url('extensions.css');
@import url('article.css');
@import url('rte.css');

/* Reset */
* {
	margin: 0;
	padding: 0;
}

a img { border: none; }

a {
	/*outline: none;*/
	color: #004F85;
	text-decoration: none;
}

a:visited {
	/*outline: none;*/
	color: #727272;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

html { font-size: 62.5%; }

body {
	text-align: center;
	font-size: 1.1em;
	font-family: Verdana;
}

h1.accueil {
	font-size: 1em;
}


ul li {
	list-style: url('../images/puces/puce-bleue.gif');
	
}

	ul li ul li {
		list-style: url('../images/global-container/site-map-niv4.gif');
	}

/*** ajout Anne 27/06/08 ***/
.derniere_modif {
	font-style:italic;
	text-align:right;
	margin-top:20px;
}

/*** Classes du RTE ***/
.cadre_gauche {
	border: 6px solid #fff4e5;
	float: left;
	display: block;
	width: 200px;
	padding: 10px;
	margin: 15px 15px 12px 0;
}

.cadre_droite {
	border: 6px solid #fff4e5;
	float: right;
	display: block;
	width: 200px;
	padding: 10px;
	margin: 15px 0 12px 15px;
}

.fond_gauche {
	background: #fff4e5;
	float: left;
	display: block;
	width: 200px;
	padding: 10px;
	margin: 15px 15px 12px 0;
}

.fond_droite {
	background: #fff4e5;
	float: right;
	display: block;
	width: 200px;
	padding: 10px;
	margin: 15px 0 12px 15px;
}

span.fleche_bleu {
	background: url('../images/puces/fleche-bleu.gif') no-repeat 0 0;
	padding: 0 0 0 15px;
}

span.titre_encart {
	font-size: 1em;
	color: #004f85;
	font-weight: bold;
}

/* Classes génériques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }


/* Page */

#globalContainer {
	text-align: left;
	margin: 0 auto;
	width: 580px;
}

	/* HEADER */

	#header {
		
	}
	
		#headerMainContainer {
		
		}
		
			/* partie gauche de l'entete : logo */
			#headerLeft {
				float: left;
				width: 20.4em;
			}
			
			    #logoSite {
					width: 20.4em;
					height: 12.9em;
				}
			
			/* partie droite de l'entete : menus */
			#headerRight {
				float: left;
				width: 70em;
				display: none;
			}
			
				#headerTopContainer {
					height: 9.7em;
				}
				
				#headerTopContainer img {
					float: right;
					width: 51em;
					height: 9.7em;
				}
				
					/* menu haut : blog de la redac, univers netvibes */
					ul#headerQuickMenu {
						float: right;
						list-style-type: none;
					}
					
						ul#headerQuickMenu li {
							display: inline;
							margin-right: 10px;
							padding: 7px 15px;
							font-size: 0.8em;
							font-weight: bold;
						}
						
						ul#headerQuickMenu li.blog {
							background: #12cc2d;
						}
						
						ul#headerQuickMenu li.netvibes {
							background: #007bef;
						}
						
							ul#headerQuickMenu li a {
								color: #FFF !important;
							}
					
					/* menu de droite */
					#headerRightMenu {
	                    float: right;
	                    width: 13.5em;
	                    background-color: #d1eaff;
	                    height: 9.7em;
					}
					
					#headerRightMenu .blueBackBox {
						background: #d8eafe;
					}
					
						#headerRightMenu ul {
							padding: 1em 0 0 1.2em;
						}
						
							#headerRightMenu ul li {
								list-style: none;
								list-style-image: none;
								font-weight: bold;
								text-decoration: none;
								color: #09f;
								line-height: 26px;
								padding-left: 23px;
							}
							
							#headerRightMenu ul li.suscribe { background: url('../images/header/puce-abonnez.gif') no-repeat left center; list-style: none;}
							#headerRightMenu ul li.directory { background: url('../images/header/puce-annuaire.gif') no-repeat left center; list-style: none;}
							#headerRightMenu ul li.forums { background: url('../images/header/puce-debattre.gif') no-repeat left center; list-style: none;}
							
								#headerRightMenu ul li a {
									font-weight: bold;
									text-decoration: none;
									color: #09f;
								}
				
				/* menu principal de navigation */
				#headerMainNav {
					clear: both;
					background: #006fbe;
					height: 3.4em;
				}
				
				    #headerMainNav ul {
						float: left;
						list-style-type: none;
					}
					
						#headerMainNav ul li {
							display: inline;
						}
						
							#headerMainNav ul li a {
								color: #FFF;
								display: block;
								float: left;
								text-align: center;
							}
							
							#headerMainNav ul li a.history img{
								width: 12.3em;
								height: 3.4em;
							}
							
							#headerMainNav ul li a.organisation img {
								width: 14.9em;
								height: 3.4em;
							}
							
							#headerMainNav ul li a.actions img {
								width: 11.4em;
								height: 3.4em;
							}
					
					#headerMainNav a.siteMap {
						float: left;
						font-size: 0.8em;
						color: #FFF;
     					margin: 1.4em 2em 0 1.8em;
						padding: 0 0 0 2em;
						background: url('../images/header/puce-plandusite.gif') no-repeat 0 0;
					}
					
					#headerMainNav form {
						float: left;
						margin: 1em 0 0 0;
					}
					
						#headerMainNav form label {
          					float: left;
							font-variant: small-caps;
							font-weight: bold;
							letter-spacing: 0.1em;
							color: #FFF;
							width: 8em;
						}
						
						#headerMainNav form input.search {
      						float: left;
							background: #e4edf0;
							border: 1px solid #a9d1e7;
							font-size: 1em;
							padding: 1px;
							width: 9.6em;
						}
						
						#headerMainNav form button {
          					float: left;
							background: none;
							padding: 0;
							margin: -2px 0 0 0;
							border: 0;
						}
					
		/* barre bleue de separation */
		#headerSeparator {
			clear: both;
			height: 1.4em;
			background: #419af7;
			display: none;
			/*margin-bottom: 1.1em;*/
		}



    /* CONTAINER */
	.accueil #container {
		
	}
	
	.accueil #container ul {
		margin-left: 25px;
	}
	
		.accueil #leftContainer {
			float: left;
			width: 61em;
			margin-top: 1.1em;
		}


		.accueil #rightContainer {
			float: right;
			width: 28em;
			margin-left: 0;
			display: none;
		}

    #globalContainer.page-niveaux2 {
		/*width: 90.7em;*/
	}




    .page-niveaux2 #header {
		margin-left: 0.3em;
		width: 90.4em;
	}
	
	.page-niveaux2 #footer {
		margin-left: 0.3em;
	}
	
	.page-niveaux2 #partenaires {
		margin-left: 0.3em;
	}

	.page-niveaux2 #container {
        /*width: 90.7em;
        background: url('../images/global-container/fond-gauche.gif') repeat-y 0.3em 0;*/
	}

        .page-niveaux2 #menu {
	float: left;
	display: none;
	width: 17.3em;
		}
		
		.page-niveaux2 #menu ul {
			background-color: #419af7;
			list-style: none;
            margin-left: 0.3em;
		}
		
		    .page-niveaux2 #menu ul li {
				padding: 10px 0 10px 15px;
				list-style: none;
				list-style-image: none;

				zoom: 1;
			}
			
			    .page-niveaux2 #menu ul li a {
					color: #FFF;
					font-size: 1.1em;
					font-weight: bold;
				}
				
            .page-niveaux2 #menu ul li.active {
				/*background-color: #1e87e1;*/
				padding-top: 0;
				padding-left: 0;
				padding-bottom: 0;
				margin-left: -0.3em;
			}
			
			    .page-niveaux2 #menu ul li.active a.activ {
                    background-color: #0075d1;
                    display: block;
					padding: 8px 0 8px 15px;
				}

            .page-niveaux2 #menu ul li.active ul {
				padding-top: 10px;
				background-color: #1e87e1;
				margin-left: 0;
				padding-bottom: 10px;
			}
				
			.page-niveaux2 #menu ul li.active ul li {
                background-color: #1e87e1;
                padding: 0 0 6px 15px;
			}
			
			    .page-niveaux2 #menu ul li.active ul li a {
					font-size: 1em;
				}
			
			.page-niveaux2 #menu ul li.active ul li.active {
				margin: 0;
				background: #1e87e1 url('../images/puces/puce-menu.gif') no-repeat 0 0;
			}
		
		.page-niveaux2 #mainContainer {
		    float: left;
		    /*width: 73.3em;*/
		    margin-left: 1px;
		}
		
		.page-niveaux2 #mainContainer #topMainContainer {
			margin: 0;
			padding: 0 0 1.2em 0;
			background: #FFF;
		}
		
		    .page-niveaux2 #mainContainer ul.linkBox {
				float: right;
            			list-style: none;
            			display: none;
			}
			
			    .page-niveaux2 #mainContainer ul.linkBox li {
					float: none;
					list-style-image: none;
				}
		
		    .page-niveaux2 #mainContainer #rootLine {
		        padding-top: 0.4em;
				margin: 0 0 0 1.3em;
			}
			
			    .page-niveaux2 #mainContainer #rootLine ul {

				}
				
				    .page-niveaux2 #mainContainer #rootLine ul li {
						list-style: none;
						float: left;
						color: #004f85;
						white-space: nowrap;
					}
					
					.page-niveaux2 #mainContainer #rootLine ul li a {
						color: #004f85;
					}
					
			.page-niveaux2 #mainContainer #pageTitle {
				margin: 1.5em 0 1em 1.3em;
			}
			
			#mainContainer #dessusTitre {
				margin: 1em 0 0 0;
			}	
			
			#mainContainer #dessousTitre {
				margin: 0 0 0 2em;
			}	

			.page-niveaux2 #mainContainer #pageTitle h1 {
				color: #004f85;
				font-size: 1.6em;
			}
			
			.page-niveaux2 #contentContainer {
				padding: 0 0 0 0;
				/*background: #FFF url('../images/global-container/fond-gauche.gif') repeat-y 57.7em 0;*/
			}
			
			    .page-niveaux2 #contentContainer ul#pageMenu {
					margin: 0 0 0 0.5em;
					list-style: none;
     				height: 3.2em;
     				background-color: #FFF;
				}
				
				    .page-niveaux2 #contentContainer ul.presentation {
	                    border-bottom: 0.4em solid #e900c4;
					}

					.page-niveaux2 #contentContainer ul.actualite {
	                        border-bottom: 0.4em solid #6c07d7;
					}

					.page-niveaux2 #contentContainer ul.analyses {
	                        border-bottom: 0.4em solid #009496;
					}

					.page-niveaux2 #contentContainer ul.realisations {
	                        border-bottom: 0.4em solid #96aa00;
					}

					.page-niveaux2 #contentContainer ul.informations {
	                        border-bottom: 0.4em solid #ff5224;
					}
				
				    .page-niveaux2 #contentContainer ul#pageMenu li {
						float: left;
						list-style: none;
					}
					
					    .page-niveaux2 #contentContainer ul#pageMenu li a {
							display: block;
							width: 11.3em;
							height: 2.2em;
							margin-top: 1em;
						}
						
							.page-niveaux2 #contentContainer ul#pageMenu li a img {
								width: 11.3em;
							/*	height: 2.2em;*/
							}
						
						.page-niveaux2 #contentContainer ul#pageMenu li a:hover, .page-niveaux2 #contentContainer ul#pageMenu li a.active {
						    margin-top: 0;
							padding-top: 0.5em;
							height: 2.7em;
						}
						
						    .page-niveaux2 #contentContainer ul#pageMenu li.presentation a:hover {
                                background-color: #e900c4;
							}
						
						    .page-niveaux2 #contentContainer ul#pageMenu li.actualite a:hover {
                                background-color: #6c07d7;
							}
							
							.page-niveaux2 #contentContainer ul#pageMenu li.analyses a:hover {
                                background-color: #009496;
							}
							
							.page-niveaux2 #contentContainer ul#pageMenu li.realisations a:hover {
                                background-color: #96aa00;
							}
							
							.page-niveaux2 #contentContainer ul#pageMenu li.informations a:hover {
                                background-color: #ff5224;
							}
							
							
							.page-niveaux2 #contentContainer ul#pageMenu li.presentation a.active {
                                background-color: #e900c4;
							}

						    .page-niveaux2 #contentContainer ul#pageMenu li.actualite a.active {
                                background-color: #6c07d7;
							}

							.page-niveaux2 #contentContainer ul#pageMenu li.analyses a.active {
                                background-color: #009496;
							}

							.page-niveaux2 #contentContainer ul#pageMenu li.realisations a.active {
                                background-color: #96aa00;
							}

							.page-niveaux2 #contentContainer ul#pageMenu li.informations a.active {
                                background-color: #ff5224;
							}
							
            .page-niveaux2 #contentContainer #leftContent {
				float: left;
				width: 54.5em;
				padding: 0.9em 1.3em 3em 1.8em;
				background-color: #FFF;
			}
			
			.page-niveaux2 #contentContainer.uneColonne #leftContent {
				width: 70.2em;
			}
			
			    .page-niveaux2 #contentContainer #leftContent #OptionsList {
					float: right;
					margin: 10px 0 5px 0;
					display: inline;
				}
				
				    .page-niveaux2 #contentContainer #leftContent #OptionsList ul {
						list-style: none;
					}
					
					    .page-niveaux2 #contentContainer #leftContent #OptionsList ul li {
							display: inline;
						}
				
				.page-niveaux2 #contentContainer #leftContent #pageContent {

				}
				
				    .page-niveaux2 #contentContainer #leftContent #pageContent ul {
						margin-left: 20px;
					}
			
			.page-niveaux2 #contentContainer #rightContent {
                float: right;
                width: 15.6em;
                display: none;
			}
			
			.page-niveaux2 #contentContainer.uneColonne #rightContent {
				display: none;
			}
			
			.page-niveaux2 #contentFooter {
				height: 1.8em;
				width: 90.7em;
				background-color: #ebf7ff;
			}




        .page-trans-1-col #container {
			background: url('../images/global-container/font-trans.gif') no-repeat 0 0;
		}
		
		.page-trans-1-col #topMainContainer {
			margin: 0;
			padding: 0 0 2em 3.5em;
		}

		    .page-trans-1-col #rootLine {
		        padding-top: 0.4em;
				margin: 0 0 0 0;
			}

			    .page-trans-1-col #rootLine ul {

				}

				    .page-trans-1-col #rootLine ul li {
						list-style: none;
						display: inline;
						color: #004f85;
					}

					.page-trans-1-col #rootLine ul li a {
						color: #004f85;
					}

			.page-trans-1-col #pageTitle {
				margin: 2.5em 0 0 0;
			}

			.page-trans-1-col #pageTitle h1 {
				color: #004f85;
				font-size: 1.6em;
			}
			
        .page-trans-1-col #contentContainer {
			padding: 0 0 3em 3.5em;
		}

		.page-trans-1-col #contentFooter {
			height: 1.8em;
			width: 90.4em;
			background-color: #ebf7ff;
		}

			
			
			
		.page-recherche #container {
			background: url('../images/global-container/font-trans.gif') no-repeat 0 0;
		}

		.page-recherche #contentContainer {
			background: url('../images/global-container/fond-gauche.gif') repeat-y 74.7em 0;
		}


		.page-recherche #topMainContainer {
			margin: 0;
			padding: 0 0 2em 3.5em;
		}

		    .page-recherche #rootLine {
		        padding-top: 0.4em;
				margin: 0 0 0 0;
			}

			    .page-recherche #rootLine ul {

				}

				    .page-recherche #rootLine ul li {
						list-style: none;
						display: inline;
						color: #004f85;
					}

					.page-recherche #rootLine ul li a {
						color: #004f85;
					}

			.page-recherche #pageTitle {
				margin: 2.5em 0 0 0;
			}

			.page-recherche #pageTitle h1 {
				color: #004f85;
				font-size: 1.6em;
			}

        .page-recherche #contentContainer {
			padding: 0 0 3em 3.5em;
		}
		
		    .page-recherche #leftContent {
				float: left;
				width: 70em;
				padding: 0 1.2em 0 0;
			}
			
			.page-recherche #rightContent {
				float: left;
				width: 15.6em;
				display: none;
			}

		.page-recherche #contentFooter {
			height: 1.8em;
			width: 90.4em;
			background-color: #ebf7ff;
		}
			
			

	.page-generique #container {
        /*width: 90.4em;*/
        background: url('../images/global-container/fond-gauche.gif') repeat-y 0 0;
	}
	
	    .page-generique #menu {
			float: left;
			width: 17.3em;
			height: 3em;
			display: none;
		}

		.page-generique #mainContainer {
		    float: left;
		    width: 73em;
		}

		.page-generique #mainContainer #topPageContent {
			margin: 0;
   			padding: 0 0 1.2em 0;
			width: 54.2em;
			background: #FFF;
		}

		    .page-generique #mainContainer #rootLine {
		        
			}

			    .page-generique #mainContainer #rootLine ul {

				}

				    .page-generique #mainContainer #rootLine ul li {
						list-style: none;
						float: left;
						color: #004f85;
					}

					.page-generique #mainContainer #rootLine ul li a {
						color: #004f85;
					}

			.page-generique #mainContainer #pageTitle {
				margin: 1.5em 0 1em 0;
			}

			.page-generique #mainContainer #pageTitle h1 {
				color: #004F85;
				font-size: 1.6em;
			}
			
			.page-generique #mainContainer #pageTitle h1.siteMap {
				background: url('../images/global-container/h2-sitemap.gif') no-repeat 0 0;
				padding: 4px 0 4px 24px;
			}
			
			.page-generique #mainContainer #pageTitle h1.qr {
				
			}
			
				.page-generique #mainContainer #pageTitle h1.qr img {
					width: 33.7em;
				}

			.page-generique #contentContainer {
				padding: 0 0 0 0;
				background: #FFF url('../images/global-container/fond-gauche.gif') repeat-y 57.4em 0;
				zoom:1;
			}

            .page-generique #contentContainer #leftContent {
				float: left;
				width: 54.2em;
				padding: 0.9em 1.3em 3em 1.8em;
				background-color: #FFF;
			}

			    .page-generique #contentContainer #leftContent #OptionsList {
					float: right;
					margin: 10px 0 10px 0;
				}

				    .page-generique #contentContainer #leftContent #OptionsList ul {
						list-style: none;
					}

					    .page-generique #contentContainer #leftContent #OptionsList ul li {
							display: inline;
						}

				.page-generique #contentContainer #leftContent #pageContent {

				}

			.page-generique #rightContent {
                float: right;
                width: 15.6em;
                display: none;
			}

			.page-generique #contentFooter {
				height: 1.8em;
				width: 90.4em;
				background-color: #ebf7ff;
			}

			
			
	/* FOOTER */
	#footer {
		margin-top: 30px;
		display: none;
	}
	
		ul#notices {
			float: left;
		}
		
			ul#notices li {
				float:left;
				list-style: none;
			}
			
			ul#notices li a {
				color: #335770;
				margin-right: 20px;
			}
			
			    ul#notices li.whoAre {
					background: url('../images/footer/qui-sommes-nous.gif') no-repeat 0 0;
					padding: 1px 0 5px 25px;
				}
			    
			    ul#notices li.legals {
                    background: url('../images/footer/mentions-legales.gif') no-repeat 0 3px;
                    padding: 1px 0 5px 20px;
				}
			    
			    ul#notices li.help {
                    background: url('../images/footer/aide.gif') no-repeat 0 0;
                    padding: 1px 0 5px 30px;
				}
		
		dl#partners {
			float: left;
		}
		
			dl#partners dt {
				display: inline;
			}
			
			dl#partners dd {
				display: inline;
			}
		
		a#backToTop {
			float: right;
			font-weight: bold;
			font-variant: small-caps;
			color: #FFF;
			padding: 1px 5px 3px;
			background: #09f;
			text-decoration: none;
		}
		
	#partenaires {
		margin: 20px 0 0 0;
		display: none;
	}
	
	    #partenaires h3 {
			float: left;
			margin: 5px 15px 0 0;
		}
		
		#partenaires ul {
			float: left;
		}
		
		    #partenaires ul li {
				display: inline;
				list-style: none;
				margin-left: 5px;
			}
			
.regionProject {
	color: #ff9100 !important;
}