@import url("defaut.css");
@import url("spip.css");
@import url("entete.css");
@import url("menuRollover.css");
@import url("encart.css");
@import url("forumSommaire.css");
@import url("actualites.css");
@import url("derniersDocs.css");
@import url("voirAussi.css");
@import url("forumEnCours.css");
@import url("actuRub.css");
@import url("newsletter.css");
@import url("pieddepage.css");
@import url("plan.css");
@import url("recherche.css");
@import url("ecouter.css");
@import url("extranet.css");


BODY {

	padding : 0px;
	margin : 0px;

	position : relative;

	background : url(../img/fondBody.jpg) repeat-x #FFF;

}

	#page {

		width : 963px;
		padding : 0px;
		margin : 0px auto;

		position : relative;
		top : 0px;
		left : 0px;

	}
	
	.page_rubrique_extranet {

		position : relative;
		margin-top : 30px;
		left : 0px;

	}

		#entete {

			width : 100%;
			height : 251px;
			padding : 0px;
			margin : 0px;

			position : relative;
			float : left;
			
		}

		#contenu {

			width : 100%;
			min-height : 200px;
			padding : 0px;
			margin : 0px;

			position : relative;
			left : -1px;
			top : -1px;
			float : left;

			background : url(../img/fondContenu.png) repeat-y;
			-background : url(../img/fondContenu.gif) repeat-y;

		}

			#menuPrincipal {

				width : 766px;
				height : 30px;
				padding : 0px;
				margin : 0px;

				position : relative;
				left : 187px;
				top : -69px;
				z-index : 2;

			}

			#colonnegauche {
			
				width : 554px;
				padding : 0px;
				margin : 0px;

				position : relative; 
				top : -65px;
				float : left;
				z-index : 1;
				
			}

			#colonnedroite {
				
				width : 409px;
				padding : 0px;
				margin : 0px 0px 18px 0px;
				position : relative;
				-position : absolute;
				top : -30px;
				-top : 0px;
				left : -2px;
				-left : 554px;
				z-index : 1;
				background : url(../img/trajetCentre.png) left repeat-y;

				float : left;

			}
			
			#form_newsletter{
                        position:relative;
                        width: 150px;
						left:230px;
						top:-55px;
						/left:10px;
						/top:-20px;
						/*margin-top:-15px;*/
            }
			
			#formulaire_inscription{
                        position:relative;
                        width: 444px;
						height:auto; 
						left:100px;
						margin-top:-15px;
            }

			#formulaire_inscription p{
									width: 220px;
									clear: left;
									padding: 4px 0 2px 0;
									padding-left: 0px; 
									height: 25px;
									margin-left:auto;
									margin-right:auto;
			}
			
			#formulaire_inscription label{
											font-weight: bold;
											float: left;
											margin-left: -155px; 
											width: 150px;
											color:#1A83B7;
											font:bold 14px Arial, Helvetica, sans-serif ;
			}
			
			#formulaire_inscription input[type="text"]{ 
														width: 180px;
														margin-left:10px;
			}
			
			#formulaire_inscription input[type="password"]{ 
														width: 180px;
														margin-left:10px;
			}

			
			formulaire_inscription submit{ 
														width: 40px;
														height:30px;
														
			}
			
			
			
			
			#formulaire{
                        position:relative;
                        width: 410px;
						height:auto; 
						left:160px;
						margin-top:-15px;
            }

			#formulaire p{
									width: 300px;
									clear: left;
									padding: 4px 0 2px 0;
									padding-left: 0px; 
									height: 25px;
									margin-left:auto;
									margin-right:auto;
			}
			
			#formulaire label{
											font-weight: bold;
											float: left;
											margin-left: -155px; 
											width: 220px;
											color:#1A83B7;
											font:bold 14px Arial, Helvetica, sans-serif ;
			}

			#formulaire_document .titre{
											font-weight: bold;
											float: left;
											text-align: center; 
											width: 300px;
											color:#1A83B7;
											font:bold 14px Arial, Helvetica, sans-serif ;
			}

			#formulaire_document .obligatoire{
											font-weight: bold;
											float: left;
											text-align: center; 
											width: 300px;
											color:#000;
											font:bold 12px Arial, Helvetica, sans-serif ;
			}
			
			#formulaire .blanc{
											font-weight: bold;
											float: left;
											margin-left: -155px; 
											width: 220px;
											color:#fff;
											font:bold 14px Arial, Helvetica, sans-serif ;
			}
			
			#formulaire input[type="text"]{ 
														width: 190px;
														margin-left:10px;
			}
			
			
			#formulaire input[type="password"]{ 
														width: 150px;
														margin-left:10px;
			}
			
			#formulaire textarea{ 
														width: 190px;
														margin-left:10px;
			}

            #formulaire select{ 
														width: 55px;
														margin-left:10px;
			}
			
			#formulaire .bouton_submit{ 
														/*width: 40px;
														height:30px;*/
														position:relative;
														left:70px;
			}
			
			
		
			
			.invisible{ 
            visibility:hidden;
            }


			.visible{ 
					   visibility:visible;
					   font:12px Arial, Helvetica, sans-serif;
					   color:#000000;
					   background:#FFFFDB;
					   border:1px solid #000;
					   width:330px;
					   height:14px;
					   font:bold;
					   position:relative;
					   left:130px;
					   top:-15px;
						
						}


				#pieddepage {
		
					width : 100%;
					height : 44px;
					padding : 0px;
					margin : 0px;
		
					position : relative;
		
					float : left;
		
					background : url(../img/fondPieddepage.png) top left no-repeat;
					-background : url(../img/fondPieddepage.gif) top left no-repeat;
		
				}

           #formulaire_document{
                        position:relative;
                        width: 444px;
						height:auto; 
						left:100px;
						margin-top:-15px;
            }

			#formulaire_document p{
									width: 300px;
									clear: left;
									padding: 4px 0 2px 0;
									padding-left: 0px; 
									height: 25px;
									margin-left:auto;
									margin-right:auto;
			}
			
			#formulaire_document label{
											font-weight: bold;
											float: left;
											margin-left: -155px; 
											width: 165px;
											color:#1A83B7;
											font:bold 14px Arial, Helvetica, sans-serif ;
			}
			
			#formulaire_document input[type="text"]{ 
														width: 180px;
														margin-left:10px;
			}
			
			#formulaire_document input[type="file"]{ 
														width: 120px;
														margin-left:10px;
			}
			
			#formulaire_document textarea{ 
														width: 180px;
														margin-left:10px;
			}

			
			#formulaire_document submit{ 
														width: 40px;
														height:30px;
														margin-left:40px;
														
			}
			
			#formulaire_document .submit{ 
														width: 40px;
														height:22px;
														margin-left:200px;
														
			}
			
			
			
			#formulaire_contact{
                        position:relative;
                        width: 380px;
						height:auto; 
						left:155px;
						margin-top:-15px;
            }
			
			#formulaire_contact textarea{ 
														width: 200px;
														margin-left:2px;
			}

			#formulaire_contact p{
									width: 300px;
									clear: left;
									padding: 4px 0 -8px 0;
									padding-left: 0px; 
									height: 25px;
									margin-left:auto;
									margin-right:auto;
			}
			
			#formulaire_contact label{
											font-weight: bold;
											float: left;
											margin-left: -155px; 
											width: 220px;
											color:#1A83B7;
											font:bold 14px Arial, Helvetica, sans-serif ;
			}
			
			#formulaire_contact .blanc{
											font-weight: bold;
											float: left;
											margin-left: -155px; 
											width: 220px;
											color:#fff;
											font:bold 14px Arial, Helvetica, sans-serif ;
			}
			
			#formulaire_contact input[type="text"]{ 
														width: 200px;
														margin-left:10px;
			}
			
			#formulaire_contact input[type="file"]{ 
														width: 140px;
														margin-left:10px;
			}

			
			formulaire_contact select{ 
														width: 200px;
														/*height:30px;*/
														margin-left:100px;
														
			}
			
			#formulaire_contact .submit{ 
														width: 100px;
														height:22px;
														margin-left:60px;
														
			}
			
			
			#message{
			display:block;
			text-align:center;
			color:#fff;
			font:bold 15px Arial, Helvetica, sans-serif;
														
														
			}
			
			#message_erreur{
			position:relative;
			left:0px;
			color:#1A83B7;
														
														
			}
			
			.champ_obligatoire{
											font-weight: bold;
											margin-left: 170px;
											margin-top:-10px;
											margin-top:40px; 
											color:#fff;
											font:bold 13px Arial, Helvetica, sans-serif ;
			}
			
			.p_ressource_doc{
											width:350px;
			}
			
			.reagir{
											color:#1A83B7;
											font-size:17px;

			}
			
			.contact_position{
							  position:relative;
							  top:-80px;
			}

			#plan_site_niv1{ 
					   color:#fff;
					   background:#1A83B7;
					   border:1px solid #82def5;
					   width:450px;
					   height:14px;
					   font:bold;
						}

			.titre_plan_niv1{ 
					    color:#fff;
						font:bold 13px Arial, Helvetica, sans-serif ;
						}