@charset "utf-8";
/* CSS Document */


body{
	  background-color:#FFFFFF;
	  margin:0;
	  padding:0;
	  font-family:Verdana, Geneva, sans-serif;
	  font-size:9px;
	  width:1040px;
	  margin-left: auto; 
      margin-right: auto;
	  
}

a{
	 text-decoration:none;
	 color:#666666;
}

a:hover{
	 text-decoration:none;
	 color:#000000;
}

input {
 border:1px solid #666666;
 background-color:#CCCCCC;
 }

input[type=submit]{
 border:1px outset #666666;
 font-weight:bold;
 cursor:pointer;
 }
input[type=submit]:hover{
 border:1px outset white;
 background-color:white;
 }
input[type=submit]:active{
 border:2px inset #A6BEDE;
 background-color:#A6BEDE;
 color:black;
 } 

input[type=text]{

 font-size:12px;
 }




/*/////////////////////////////

            Header
			
/////////////////////////////*/	

#header{
		width:1000px;
		height:250px;
		border:0px solid #000000; 
		
		}

#top{
	 font-size:15px;
	 font-weight:bold;
	 margin:10px 0 0 10px;
	 color:#666666;
}

#top .gauche{
			 text-align:left;
	 		 font-size:11px;
		     margin:10px 0 0 350px;
	 		 color:#666666;
}

#top1 a{
	 text-decoration:none;
	 color:#666666;
}

#top a:hover{
	 text-decoration:none;
	 color:#000000;
}



#bloc_banniere{
border:0px solid #000000; 
width:730px; 
height:225px;  
margin:0 0 0 5px;
float:left;
display:block;

}

#banniere{
		 height:155px;
		 width:730px;
		 border:0px solid #000000; 
		 background:url(theme/banniere.jpg) no-repeat top left;
		 

}

#banniere .date{
			  margin:0 0 0 320px;
			  line-height:90px;
			  font-size:12px;
			  color:#FFFFFF;
}

#banniere .heure{
			  margin:0 0 0 465px;
			  line-height:0px;
			  font-size:0.9em;
			  color:#FFFFFF;
}

#header_menu{
         border:0px solid #000000; 
		 margin:20px 0 0 0;
}



#vigilance{
		  border:0px solid #000000; 
		  margin:0 0 0 0;
		  height:225px;  
		  float:left;

		 	
}


#vigilance .carte-vigi{
		    height:133px;
		    width:111px;
			margin:15px 0 0 8px;
			float:left;


}

#vigilance .text-vigi{
			
			margin:42px 20px 0 0;
			float:right;
			font-size:1.2em;
			font-weight:bold;
			display:block;
}


#vigilance .icone-vigi{
			height:62px;
			width:65px;
			margin:10px 0 0 10px; 
			display:block;
			
            
}

#vigilance .debutbloc-vigi{
		 height:32px;
		 width:256px;
		 margin:16px 0 0 5px;
		 line-height:25px;
		 text-align:center;
		 color:#FFFFFF;
		 font-weight:bold;
		 font-size:1.5em;
		 background:url(theme/vigi_h.png) no-repeat;
		 display:block;
}

#vigilance .contenubloc-vigi{
		 height:165px;
		 width:256px;
		 margin:0 0 0 5px;
		 background:url(theme/vigi_ligne.png) repeat;
		 display:block;

}

#vigilance .bloc-vigi{
		 height:165px;
		 width:256px;

}

#vigilance .active-vigi{
		 text-align:center;
		 color:#FF0000;
		 font-weight:bold;
		 font-size:1.1em;
		 width:256px;

}


#vigilance .finbloc-vigi{
		 height:20px;
		 width:256px;
		 margin:0 0 0 5px;
		 background:url(theme/vigi_b.png) no-repeat;
		 display:block;
}



/*/////////////////////////////

            corp
			
/////////////////////////////*/	


#corp{
	  height:100%;
	  width:100%;
	  border:0px #000000 solid;
	  

}


#title-contenu {
	  width:100%;
	  height:36px;
	  margin:0 0 25px 0;
	  border:0px #000000 solid;
	  float:left;
	  display:block;
	  

}


#title-contenu .top-corp-g{
			width:23px;
			height:36px;
			background:url(theme/titre_gauche.png) no-repeat top left;
			margin:15px 0 0 5px;
			float:left;
			display:block;

}

#title-contenu .top-corp-ligne{
			height:36px;
			width:950px;
			margin:15px 0 0 0;
			background:url(theme/titre_ligne.png) repeat top center;
			float:left;
			display:block;
			line-height:34px;
			font-weight:bold;
			font-size:1.3em;
			color:#333333;
			
}

#title-contenu .top-corp-d{
			width:23px;
			height:36px;
			background:url(theme/titre_droite.png) no-repeat top right;
			margin:15px 0 0 0;
			float:left;
			display:block;
}

#title-contenu .recherche-corp{
            float:right;
			color:#333333;
}


#corp .titre-page{
            float:left;
			color:#333333;
}


/*/////////////////////////////

            corp menu 
			
/////////////////////////////*/	

#corp-menu{
		 height:auto;
		 width:195px;
		 margin:0;
		 padding:0;
		 float:left;

}

#corp-menu .menu-droite-h{
		 height:28px;
		 width:195px;
		 margin:10px 0 0 5px;
		 text-align:left;
		 color:#e6890f;
		 font-weight:bold;
		 font-size:2em;
		 line-height:35px;
		 background:url(theme/cadre_h.png) no-repeat;
		 display:block;
}

#corp-menu .menu-droite-ligne{
		 width:195px;
		 margin:0 0 0 5px;
		 background:url(theme/cadre_ligne.png) repeat;
		 font-size:1.3em;
		 font-weight:bold;
		 line-height:43px;
		 display:block;
}

#corp-menu .recherche-previ{
		 width:195px;
		 margin:5px 0 0 24px;
		 font-size:1.3em;
		 font-weight:bold;
		 line-height:5px;

}

#corp-menu .login{
		 margin:0 0 0 24px;
		 width:195px;
		 font-size:1.1em;
		 font-weight:bold;
		 line-height:20px;

}

#corp-menu .password{
		 margin:5px 0 5px 24px;
		 width:195px;
		 font-size:1.1em;
		 font-weight:bold;
		 line-height:20px;

}


#corp-menu .connexion{
		 margin:0 0 0 24px;
		 width:195px;
		 font-size:1.1em;
		 font-weight:bold;
		 line-height:20px;

}

#corp-menu .compte{
		 margin:15px 0 0 24px;
		 width:195px;
		 font-size:1em;
		 font-weight:bold;
		 line-height:20px;

}

#corp-menu .info-compte{
		 margin:0 0 0 24px;
		 width:195px;
		 font-size:1em;
		 font-weight:bold;
		 line-height:20px;

}

#corp-menu .info-compte a{
	 text-decoration:none;
	 color:#000000;
}

#corp-menu .info-compte a:hover{
	 text-decoration:none;
	 color:#666666;
}

#corp-menu .compte a{
	 text-decoration:none;
	 color:#000000;
}

#corp-menu .compte a:hover{
	 text-decoration:none;
	 color:#666666;
}

#corp-menu .menu-droite-b{
		 height:28px;
		 width:195px;
		 margin:0 0 0 5px;
		 background:url(theme/cadre_b.png) no-repeat;
		 display:block;
}


#corp-menu .title-partenaire{
		 margin:15px 0 0 24px;
		 width:195px;
		 font-size:1.3em;
		 font-weight:bold;
		 line-height:20px;

}

#corp-menu .contenu-partenaire{
		 margin:15px 0 0 24px;
		 width:195px;
		 font-size:1em;
		 font-weight:bold;

}

#corp-menu .contenu-partenaire img{
          border:0px;

}


#corp-menu .bloc-mots {
	      width:195px;
          border:0px;
		  margin:15px 0 0 24px;

}


/*/////////////////////////////

            corp contenu
			
/////////////////////////////*/	

#corp-contenu{
		 width:795px;
		 height:auto;
		 margin:10px 0 0 10px;
		 padding:0;
		 font-size:12px;
		 float:left;
}

#corp-contenu img{
		        border:0px;
				text-decoration:none;
}

#corp-contenu a{
		        border:0px;
				text-decoration:none;
}

#footer{
		 width:995px;
		 height:auto;
		 margin:10px 0 10px 10px;
		 line-height:25px;
		 padding:0;
		 float:left;

}

#footer .copyright{
		 float:left;

}

#footer .visiteur{
		 margin:0 10px 0 0;
		 float:right;

}



/*/////////////////////////////

            corp contenu-haut
			
/////////////////////////////*/	


#corp-contenu .haut {
					width:795px;
					border:0px #000000 solid;

}


/*/////////////////////////////

            cadre previ
			
/////////////////////////////*/	


#contenu-carte {
				width:295px;
				height:265px;
				margin:5px 0 0 5px;
				float:left;
				
}

#contenu-carte .cadre{
				width:100%;
				height:240px;
				background-color:#fff5df;
				
				
				
}

#contenu-carte .legend{
				background-color:#FFFFFF;
				
				
}

#contenu-carte .carte{
					  margin:0 0 0 0;
					  border:0px solid;
					  position:relative;
					  float:left;
					  display:block;
					 				
				
}

#contenu-carte .affiche-carte{
					  margin:30px 0 0 5px;
					  float:left;
					  color:#999999;
					  font-weight:bold;
					  font-size:10px;	  			
				
}

#contenu-carte .affiche-carte a{
							text-decoration:none;	  			
				            color:#999999;
}

#contenu-carte .affiche-carte a:hover{
							text-decoration:none;	  			
				            color:#000000;
}

#contenu-carte .affiche-carte p{	
								color:#333333;
								font-weight:bold;
								font-size:10px;				  

}


#contenu-carte .text-bas{
                      width:100%;		
					  height:20px;
					  color:#666666;
					  font-weight:bold;
					  font-size:10px;
					  text-align:right;	  			
				
}

/*/////////////////////////////

            cadre news
			
/////////////////////////////*/	

#contenu-news {
				width:455px;
				height:100%;
				margin:5px 0 0 40px;
				float:left;
				
}

#contenu-news .tableau-news {
				width:100%;
				height:100%;
				margin:5px 0 0 0;
				border:0px solid #000000;
				border-spacing:0;
				
				
}

#contenu-news .tableau-title{
				border:1px solid #000000;
				background-color:#e6890f;
				font-weight:bold;
				font-size:12px;
				color:#FFFFFF;
				margin:5px 0 0 0;
				height:30px;
				border-spacing:0;		
				
}


#contenu-news .tableau-contenu{
				border:1px solid #000000;
				height:100%;
				border-spacing:0;		
				
}

#contenu-news .icone{
				margin:10px 10px 2px 10px;
				float:left;
				
						
				
}

#contenu-news .text-news{
				margin:15px 0 0 10px;
				font-size:11px;
				font-weight:bold;
				float:left;
		
}


#contenu-news .gauche{
		 height:10px;
		 float:left;
		 font-size:15px;
		 margin:10px 0 0 5px;
		 font-weight:bold;

}

#contenu-news .droite{
		 float:right;
		 font-size:15px;
		 margin:10px 3px 0 0;
		 font-weight:bold;

}

#contenu-news .droite a{
								text-decoration:none;
								color:#333333;

}

#contenu-news .gauche a{
								text-decoration:none;
								color:#333333;

}

#contenu-news .droite a:hover{
								text-decoration:none;
								color:#000000;

}

#contenu-news .gauche a:hover{
								text-decoration:none;
								color:#000000;

}


#contenu-news .defile {
		 font-size:12px;
		 direction:ltr;
		 

}


/*/////////////////////////////

            cadre pub
			
/////////////////////////////*/	

#pub {
	 float:left;
	 border:0px solid #000000;
	 width:120px;
	 height:240px;
	 margin:25px 0 0 25px;
	 }
	 
/*/////////////////////////////

            cadre actualite
			
/////////////////////////////*/	

#actualite {
	 float:left;
	 border:1px solid #000000;
	 width:100%;
	 height:auto;
	 font-size:12px;
	 margin:10px 0 10px 0;
	 }	 
	 
#actualite .title{
	 font-size:14px;
	 font-weight:bold;
	 background-color:#666666;
	 color:#FFFFFF;

	 }		 
	 
/*/////////////////////////////

            corp contenu-bas
			
/////////////////////////////*/	


#corp-contenu .bas {
					width:795px;
					border:0px #000000 solid;
					margin:10px 0 0 5px;
					float:left;

}	

/*/////////////////////////////

            corp contenu-bas tableau-obs
			
/////////////////////////////*/	 

#tableau-obs {
			  font-size:1em;
			  margin:20px 0 0 0;
			  text-align:center;
			  


}

#tableau-obs th{
			  border:1px solid #000000;
			  text-align:center;
			  
}


#tableau-obs td{
			    border:1px solid #000000;


}

#tableau-obs .titre-obs{
			    border:0px solid #000000;
				text-align:left;
				font-size:16px;


}