/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#000;
text-align:center;
background-color:#FFFFFF;
}

a:link,
a:visited{
text-decoration:none;
color:#a9268f;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#a9268f;
outline:none;
}

h1{display:none;}
h2,h3,h4,h5{font-size:100%;}

.small{font-size:10px;}
ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.both{clear:both;}
.center{text-align:center;}

input.champ{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #a9268f;
color:#000;
height:15px;
padding-left:4px;
padding-right:4px;
}

select{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #a9268f;
color:#000;
padding:1px;
}



/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

div#centrage{
width:980px;
margin:0 auto 0 auto;
text-align:left;
font-size:70%;
text-align:center;
display:table;
}

	/*--------------- header----------------*/
	div#centrage div#header{
	position:relative;
	z-index:2;
	height:160px;
	width:980px;
	text-align:left;
	background-image:url(../pics/ombre_nav.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
		
		div#centrage div#header ul#navigation{
		position:relative;
		height:30px;
		width:960px;
		margin:0 10px;
		background-color:#FFF;
		z-index:200;
		}
			
			
			div#centrage div#header ul#navigation li{
			display:inline;
			float:left;
			position:relative;
			
			}
			
			
			div#centrage div#header ul#navigation img{
			display:inline;
			position:relative;
			float:left;
			z-index:70;
			}
			
			div#centrage div#header ul#navigation li a{
			color:#FFF;
			float:left;
			height:21px;
			text-decoration:none;
			}
			
		
			div#centrage div#header ul#navigation li ul{
			background:none;
			position:absolute;
			top:30px;
			left:0px;
			color:#000;
			text-align:left;
			font-size:10px;
			font-weight:bold;
			display:none;
			width:138px; /* ie6*/			
			z-index:100;
			}
			
			
			
			div#centrage div#header ul#navigation li ul li{
			position:relative;
			background:none;
			
			background-color:#e59578; /* mettre en opacité 66% */
			filter:alpha(opacity=66);
			-moz-opacity:0.6;
			opacity: 0.6;
			-khtml-opacity: 0.6;

	   
			display:block;
			width:138px;
			padding:0 0;
			height:auto;
			margin-right:0;
			
			}
			div#centrage div#header ul#navigation li ul li:hover{
			background-color:#000;
			filter:alpha(opacity=100);
	   	    -moz-opacity:1;
     	    opacity: 1;
     		-khtml-opacity: 1;
			
			color:#FFF;
			}
			div#centrage div#header ul#navigation li ul li a{
			color:#000;
			height:auto;
			padding:4px 5px 4px 10px;
			width:123px;
			text-transform:capitalize;
			font-weight:bold;
			}
			div#centrage div#header ul#navigation li ul li:hover a{
			color:#FFF;
			}
			
			div#centrage div#header ul#navigation li ul li a:hover{
			color:#FFF;
			}
			
			div#centrage div#header ul#navigation li:hover ul.navigation1{
			display:block;
			position:absolute;
			z-index:100;		
			}
			
			div#centrage div#header ul#navigation li:hover.off ul.navigation1{display:none;}

	
	
		div#centrage div#header div#bandeau{
		height:130px;
		width:960px;
		margin:0 10px;
		
		}
		
		div#centrage div#header div#bandeau #logo{
		position:absolute;		
		margin:28px 0 0 9px;
		z-index:10;
		}
	
		
		
	/*--------------- contenu----------------*/	
	div#centrage table#contenu{
	width:960px;
	position:relative;
	z-index:1;
	display:table;
	text-align:left;
	margin:0 0 10px 10px;
	}
	
		/* MENU */
		div#centrage table#contenu tr td#menu{
		width:160px;
		font-size:10px;
		border-right:10px solid #FFF;
		}
			div#centrage table#contenu tr td#menu div.maj{
			height:auto !important;
			min-height:14px;
			height:14px;
			padding:3px 0 3px 0;
			color:#575757;
			font-size:10px;
			}
			
			div#centrage table#contenu tr td#menu div.bloc{
			padding:10px 0 12px 10px;
			border-bottom:1px solid #ca0b23;
			margin-bottom:10px;
			width:150px;
			}
			
			div#centrage table#contenu tr td#menu h3{
			color:#a9268f;
			font-size:18px;
			font-weight:normal;
			margin:0 0 7px 0;
			}
			
			div#centrage table#contenu tr td#menu ul.liens{
			font-weight:bold;
			color:#000;
			width:150px;
			margin:0 0 5px 0;
			}
				div#centrage table#contenu tr td#menu ul.liens li{margin-bottom:3px;}
				div#centrage table#contenu tr td#menu ul.liens a{color:#000;}
				
			div#centrage table#contenu tr td#menu input.champ{
			width:117px;
			border-color:#ca0b23;
			vertical-align:middle;
			}
			div#centrage table#contenu tr td#menu input.bt{
			margin:0 0 0px 0px;
			vertical-align:middle;
			}
			
			
			div#centrage table#contenu tr td#menu div.acces{
    			background-color:#ca0b23;
    			width:150px;
    			/* height:135px; */
    			padding:8px 0px 0 10px;
    			color:#FFF;
    			font-size:9px;
    			text-align:left;
				position:relative;
				z-index:1;
			}
			
				div#centrage table#contenu tr td#menu div.acces p.case{
				color:#FFF;				
				margin:3px 0 0 -5px;
				*margin:0 0 0 -10px;
				}
					div#centrage table#contenu tr td#menu div.acces p.case input{
					margin:0 0 0 0;
					padding:0;
					border:1px;
					position:relative;
					display:inline;
					vertical-align:middle;
					
					}
				div#centrage table#contenu tr td#menu div.acces a.oubli{
				color:#FFF;
				margin:0px 0 0 0px;
				}
				
				div#centrage table#contenu tr td#menu div.acces img.demande{
				*margin:-5px 0 0 0;
				}
				
				div#centrage table#contenu tr td#menu div.acces h3{
				margin-bottom:9px;
				}
				div#centrage table#contenu tr td#menu div.acces form div#erreuracces {
				padding: 5px;
				margin-right: 10px;
				background-color: white;
				font-size: 11px;
				font-weight: bold;
				color:red;
				line-height: 13px;
				margin-bottom: 10px;
				}
				div#centrage table#contenu tr td#menu div.acces input.champ{
				width:112px;
				font-size:10px;
				border-color:#FFF;
				
				vertical-align:middle;
				margin-bottom:5px;
				}
				
				div#centrage table#contenu tr td#menu div.acces input.bt{
				margin:0 0 5px 3px;
				vertical-align:middle;
				}
			
						
			div#centrage table#contenu tr td#menu div.info{
			padding:0 0 12px 10px;
			margin-bottom:10px;
			width:150px;
			line-height:15px;
			}
			
				div#centrage table#contenu tr td#menu div.info a.savoir{
				color:#ca0b23;
				float:right;
				font-weight:bold;
				font-size:11px;
				margin-top:5px;
				}
			
			
		/* DATAS */
		div#centrage table#contenu tr td#datas{
		width:480px;
		}
		
			div#centrage table#contenu tr td#datas ul#ariane{
			height:16px;
			padding:3px 0 0 0;
			color:#575757;
			font-size:10px;
			}
				div#centrage table#contenu tr td#datas ul#ariane li{
				display:inline;
				}
				div#centrage table#contenu tr td#datas ul#ariane a{
				color:#575757;
				}
			
			div#centrage table#contenu tr td#datas div.majeure01{
				background:url("../pics/01/fond_info_majeure.jpg") no-repeat;
				height:300px;
				font-size:1.1em;
				line-height:1.5em;
				padding:10px !important;
				padding:7px;
			}

			div#centrage table#contenu tr td#datas div.majeure02{
				height:297px;
				padding:10px !important;
				padding:7px;
				font-size:1.1em;
				line-height:1.5em;
				background:url("../pics/02/fond_info_majeure.jpg") no-repeat;
			}
			
			
			
			div#centrage table#contenu tr td#datas h2{	
			margin-bottom:8px;
			}
			
				div#centrage table#contenu tr td#datas h2 span{	
				display:none;
				}
				
			div#centrage table#contenu tr td#datas p{
			line-height:15px;
			text-align:justify;
			margin-bottom:5px;
			}
			
			div#centrage table#contenu tr td#datas a.savoir{
			color:#000;
			float:right;
			font-weight:bold;
			font-size:11px;
			}
			
			
			div#centrage table#contenu tr td#datas img.visuel{
			float:left;
			margin-right:10px;
			}
			
			div#centrage table#contenu tr td#datas div.centres{
			width:480px;
			height:310px;
			background-color:#000;
			margin-bottom:5px;
			margin-top:-3px;
			}
				div#centrage table#contenu tr td#datas div.centres div.video{
				position:absolute;
				margin:0 0 0 10px;
				width:313px;
				height:250px;
				}
				div#centrage table#contenu tr td#datas div.centres div.carte{
				position:absolute;
				margin:0 0 0 330px;
				width:140px;
				height:140px;
				}
				div#centrage table#contenu tr td#datas div.centres img.photo{
				position:absolute;
				margin:150px 0 0 330px;
				}
			
			
			
			
		
		/* ANNEXES */
		div#centrage table#contenu tr td#annexes{
		width:320px;
		}		
			

			div#centrage table#contenu tr td#annexes div.actua{
			width:320px;
			height:337px;
			background-image:url(../pics/fond_actua.gif);
			background-position:0 0;
			background-repeat:no-repeat;
			}
			
				div#centrage table#contenu tr td#annexes div.actua div.bonjour{
				height:17px;
				padding:3px 0 0 10px;
				color:#575757;
				font-size:10px;
				}
				div#centrage table#contenu tr td#annexes div.actua div.contenu{
				padding:1px 17px 15px 17px;
				font-size:10px;
				}
			
			
						div#centrage table#contenu tr td#annexes div.actua div.contenu #div_container {
						position:relative;
						margin:10px 0 7px 0;
						width:285px;
						height:177px;
						z-index:1;
						}
						
						div#centrage table#contenu tr td#annexes div.actua div.contenu #div_container2 {
						position:relative;
						width:285px;
						margin:0 0 0 0;
						/*height:70px;*/
						z-index:1;
						overflow:auto;
						height:60px
						}

					div#centrage table#contenu tr td#annexes div.actua div.contenu #div_container table tr td{
					padding-bottom:10px;
					}
				
					div#centrage table#contenu tr td#annexes div.actua div.contenu #div_container table tr td img{
					padding-right:10px;
					}
					
					div#centrage table#contenu tr td#annexes div.actua div.contenu #div_container ul{
					padding:0;
					margin:0;
					}
			
			div#centrage table#contenu tr td#annexes div.aiguilleurs{
			width:300px;
			margin-left:10px;
			height:233px;
			}
				div#centrage table#contenu tr td#annexes div.aiguilleurs img{
				position:relative;
				display:block;
				}
			
				div#centrage table#contenu tr td#annexes div.aiguilleurs ul li{
				display:inline;
				float:left;
				}
		
	/*--------------- footer----------------*/
	div#centrage div#footer{
	height:17px;
	width:940px;
	padding:3px 10px 0 10px;
	clear:both;
	position:relative;
	background-color:#ca0b23;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
	border-left:10px solid #FFF;
	border-right:10px solid #FFF;
	}
		div#centrage div#footer a{color:#FFF;}
		div#centrage div#footer ul li{display:inline;margin-left:8px;}