/* -----------------------------------------------------------

						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:#ca0b23;

outline:none;

}

a:hover,

a:active{

text-decoration:underline;

color:#ca0b23;

outline:none;

}



h1{display:none;}

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

div .separateur{
  clear:both;
}

.small{font-size:10px;}

ul{list-style:none outside none;}

ol li{
    position:relative;
    clear:both;
    background-image:none;
    margin-bottom:10px;
}
html>/**/body ol li{
left:10px;
}
ol li ul{
padding-left:10px;
}
ol li ul li{
position:static;
left:auto;
clear:none;
list-style:none outside none;
padding-left:10px;
}
.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;}

.bgred{background-color:#FF6666;}

.grand {font-size:120%;}

.gras {font-weight:bold;}

input.champ{

font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;

font-size:100%;

border:1px solid #ca0b23;

color:#000;

height:15px;

padding-left:4px;

padding-right:4px;

}



select{

font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;

font-size:11px;

border:1px solid #ca0b23;

color:#000;

padding:0;
text-align:left;

}







/* -----------------------------------------------------------

						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;

	height:160px;

	width:980px;

	text-align:left;

	background-image:url(../pics/ombre_nav.gif);

	background-position:0 0;

	background-repeat:no-repeat;

	z-index:200;

	}

		

		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; /*  #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;

	display:table;

	text-align:left;

	margin:0 0 10px 10px;

	z-index:10;

	}

	

		/* 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:12px 0 12px 10px;

			border-top:1px solid #ca0b23;

			border-bottom:1px solid #ca0b23;

			margin-bottom:10px;

			width:150px;

			}

			

			div#centrage table#contenu tr td#menu h3{

			color:#ca0b23;

			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;

			margin:0 0 5px 0;

			width:150px;

			}

				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;

			vertical-align:middle;

			}

			div#centrage table#contenu tr td#menu input.bt{

			vertical-align:middle;

			}

			

			

			div#centrage table#contenu tr td#menu ul.ssnav li a{

			background-color:#e59578;

			position:relative;

			display:block;			

			

			width:150px;

			padding:4px 0 3px 10px;

			margin-bottom:1px;

			font-weight:bold;

			color:#000;

			}

				div#centrage table#contenu tr td#menu ul.ssnav li ul{

				margin-bottom:1px;

				margin-top:-1px;

				}

				div#centrage table#contenu tr td#menu ul.ssnav li ul li a{

				position:relative;	

				display:block;	

				width:140px;

				padding:2px 0 2px 20px;

				margin-bottom:0px;

				font-weight:normal;

				}

				

			div#centrage table#contenu tr td#menu ul.ssnav li a:hover,

				div#centrage table#contenu tr td#menu ul.ssnav li a.on{

				background-color:#000;

				color:#FFF;

				text-decoration:none;

				

				}	

				

			

			

		/* DATAS */

		div#centrage table#contenu tr td#datas{
		width:600px;
		}

		
			div#centrage table#contenu tr td#datas div.classique{
			clear:both;
			}
			
			div#centrage table#contenu tr td#datas div.classique ul{
			float:left;
			margin-left:5px;
			}
			div#centrage table#contenu tr td#datas div.classique ol ul li{
			list-style:none outside none;
			}

			div#centrage table#contenu tr td#datas div.classique ul li{
			clear:both;
			min-width:60%;
			margin-left:10px;
			padding-right:25px;
			}
			
			div#centrage table#contenu tr td#datas div.classique ol li{
			margin-left:10px;
			list-style:decimal inside decimal;
			}

			div#centrage table#contenu tr td#datas div.classique ul ul,
			div#centrage table#contenu tr td#datas div.classique ol ol{
			margin-left:25px;
			}

			div#centrage table#contenu tr td#datas div.classique ul ul li{
			background-image:url(../pics/puce-navigation.gif);
			padding-right:45px;
			}

			div#centrage table#contenu tr td#datas div.classique ul ul ul li{
			background-image:url(../pics/puce-grise.gif);
			padding-right:45px;
			}
			div#centrage table#contenu tr td#datas div.classique #form_annee select{
			width:60px;
			}
			div#centrage table#contenu tr td#datas div.encyclo ul{
			list-style:disc;
			margin-left:5px;
			}

			div#centrage table#contenu tr td#datas div.encyclo ul li{
			margin-left:10px;
			}

		

			div#centrage table#contenu tr td#datas ul#ariane{
			height:16px;
			padding:3px 0 0 0;
			border-bottom:3px solid #ca0b23;
			margin-bottom:13px;
			margin-left:0;
			color:#575757;
			font-size:10px;
			}

				div#centrage table#contenu tr td#datas ul#ariane li{
				display:inline;margin-left:-10px;
				background:none;
				}

				div#centrage table#contenu tr td#datas ul#ariane a{
				color:#575757;
				}

			

			

			div#centrage table#contenu tr td#datas h2{	
			clear:both;
			margin-bottom:8px;
			}

			

				div#centrage table#contenu tr td#datas h2 span{	
				display:none;
				}			

	

			div#centrage table#contenu tr td#datas h2.titre{	
			margin-bottom:8px;
			padding-top:5px;
			font-size:13px;
			padding-bottom:3px;
			color:#ca0b23;
			border-bottom:1px solid #ca0b23;
			clear:both;		
			}

			

			

			div#centrage table#contenu tr td#datas ul.centres{	
			margin-left:35px;
			margin-bottom:13px;
			text-transform:uppercase;
			line-height:15px;
			}

				div#centrage table#contenu tr td#datas ul.centres li{display:inline;}

				div#centrage table#contenu tr td#datas ul.centres li a{color:#000;}

					div#centrage table#contenu tr td#datas ul.centres li a.on{
					color:#ca0b23;
					font-weight:bold;
					}

				

			

			div#centrage table#contenu tr td#datas div.mediatheque{
			height:380px;
			margin-bottom:10px;
			}

			

				div#centrage table#contenu tr td#datas div.mediatheque div.video{
				width:480px;
				height:380px;
				display:inline;
				float:left;
				}

					

					div#centrage table#contenu tr td#datas div.mediatheque div.video img{
					position:relative;
					display:block;					
					}

				

				div#centrage table#contenu tr td#datas div.mediatheque div.scroll{
				width:120px;
				height:380px;
				display:inline;
				float:left;
				background-image:url(../pics/sep_vert.gif);
				background-position:3px 0;
				background-repeat:repeat-y;
				}

					div#centrage table#contenu tr td#datas div.mediatheque div.scroll div.galerie{

					width:113px;

					display:block;

					margin-left:7px;

					height:350px;

					overflow:auto;			

					

					/* scroll bar */

					scrollbar-face-color:#ca0b23; 

					scrollbar-darkshadow-color:#ca0b23; 

					scrollbar-shadow-color:#ca0b23;

					scrollbar-highlight-color:#ca0b23;

					scrollbar-3dlight-color:#ca0b23;

					scrollbar-track-color:#e59578;

					scrollbar-arrow-color:#FFFFFF;						
					}	

					

						div#centrage table#contenu tr td#datas div.mediatheque div.scroll  h3{
						margin-top:-6px;
						margin-bottom:-10px;
						}					

					

						div#centrage table#contenu tr td#datas div.mediatheque div.scroll div.galerie img{
						margin-bottom:2px;
						display:block;
						}

			

				

			div#centrage table#contenu tr td#datas a{
			font-weight:normal;
			}
			
			div#centrage table#contenu tr td#datas a.savoirplus{
			clear:both;
			display:table;
			font-weight:normal;
			margin-bottom:15px;
			}
		
			div#centrage table#contenu tr td#datas p{
			line-height:15px;
			text-align:justify;
			margin-bottom:5px;
			font-weight:normal;
			}

			div#centrage table#contenu tr td#datas ul{
			margin-bottom:5px;
			}

			div#centrage table#contenu tr td#datas ul li{
			line-height:15px;
			text-align:justify;
			font-weight:normal;
			list-style:none outside none;
			background-image:url(../pics/puce-noire.gif);
			background-position:0 5px;
			padding-left:10px;
			margin-bottom:5px;
			background-repeat:no-repeat;
			}

			
			div#centrage table#contenu tr td#datas ul li ul{
			margin-bottom:0px;
			}

			

			div#centrage table#contenu tr td#datas ul#liens li{
			line-height:15px;
			text-align:justify;
			font-weight:normal;
			margin-bottom:0px;
			background-image:url(../pics/puce-navigation.gif);
			background-position:0 6px;
			padding-left:10px;
			}
				div#centrage table#contenu tr td#datas ul#liens li a{
				font-weight:normal;
				}

			

			

			div#centrage table#contenu tr td#datas img.visuel.left{
			float:left;
			margin-right:10px;
			margin-bottom:10px;
			}

			div#centrage table#contenu tr td#datas img.visuel.right{
			float:right;
			margin-left:10px;
			margin-bottom:10px;
			}


			div#centrage table#contenu tr td#datas a.haut{
			float:right;
			}


			div#centrage table#contenu tr td#datas div.sep{
			position:relative;
			clear:both;
			display:block;
			height:10px;
			}

			div#centrage table#contenu tr td#datas div.encyclo{
			clear:both;
			background-color:#f9f4f9;
			padding:10px;
			width:578px;
			border:1px solid #ca0b23;
			}

	
			div#centrage table#contenu tr td#datas table{
			border-top:1px solid #ca0b23;
			border-left:1px solid #ca0b23;
			
      margin-bottom:8px;
			}

			div#centrage table#contenu tr td#datas table td p{
			text-align:center;
			}

				div#centrage table#contenu tr td#datas table tr td{
				border-bottom:1px solid #ca0b23;
				border-right:1px solid #ca0b23;
				padding:2px 3px;
				}
				
				
			/* identification extranet */
			div#centrage table#contenu tr td#datas div.identification input.champ{
			width:117px;
			vertical-align:middle;
			margin-bottom:5px;
			}

			div#centrage table#contenu tr td#datas div.identification input.bt{
			margin:0 0 5px 3px;
			vertical-align:middle;
			}
			
			/* planning */
			
			div#centrage table#contenu tr td#datas div.planning select{
			font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
			font-size:100%;
			border:1px solid #ca0b23;
			color:#000;
			padding:0px;
			height:16px;
			width:95px;			
			}
			div#centrage table#contenu tr td#datas div.planning input{
			vertical-align:middle;
			}
			div#centrage table#contenu tr td#datas div.planning input.case{
			vertical-align:text-bottom;
			}
			
			div#centrage table#contenu tr td#datas div.planning input.bt{
			background-color:#ca0b23;
			font-size:100%;
			color:#FFF;
			padding:0 3px;
			width:30px;
			font-weight:bold;
			border-color:#ca0b23;		
			}

			div#centrage table#contenu tr td#datas div.planning div.date{
			text-align:center;
			font-weight:bold;
			margin-bottom:10px;
			}
			
			div#centrage table#contenu tr td#datas div.planning table.tab1 tr td{
				border-bottom:1px solid #ca0b23;
				border-right:1px solid #ca0b23;
				padding:7px 5px;
				}
				
				
			/* inscription */
			
			div#centrage table#contenu tr td#datas div.inscription select{
			font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
			font-size:100%;
			border:1px solid #ca0b23;
			color:#000;
			padding:0px;
			height:16px;
			width:95px;			
			}
			div#centrage table#contenu tr td#datas div.inscription input{
			vertical-align:middle;
			}
			div#centrage table#contenu tr td#datas div.inscription input.case{
			vertical-align:text-bottom;
			}
			
			div#centrage table#contenu tr td#datas div.inscription input.bt{
			background-color:#a9268f;
			font-size:100%;
			color:#FFF;
			padding:0 3px;
			font-weight:bold;
			border-color:#a9268f;		
			}

			div#centrage table#contenu tr td#datas div.inscription div.date{
			text-align:center;
			font-weight:bold;
			margin-bottom:10px;
			}
			
			div#centrage table#contenu tr td#datas div.inscription table.tab1 tr td{
			padding:7px 5px;
			}
				
			div#centrage table#contenu tr td#datas div.inscription table.tab1 tr td table{
			border:none;
			}
			div#centrage table#contenu tr td#datas div.inscription table.tab1 tr td table tr td{
			border:none;
			}
			
			div#centrage table#contenu tr td#datas div.inscription 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;
			}
			
			/* changement de coordonnées */
			
			div#centrage table#contenu tr td#datas div.coordonnees select{
			font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
			font-size:100%;
			border:1px solid #ca0b23;
			color:#000;
			padding:0px;
			height:16px;
			width:95px;			
			}
			div#centrage table#contenu tr td#datas div.coordonnees input{
			vertical-align:middle;
			}
			div#centrage table#contenu tr td#datas div.coordonnees input.case{
			vertical-align:text-bottom;
			}
			
			div#centrage table#contenu tr td#datas div.coordonnees input.bt{
			background-color:#ca0b23;
			font-size:100%;
			color:#FFF;
			padding:0 3px;
			font-weight:bold;
			border-color:#ca0b23;		
			}

			div#centrage table#contenu tr td#datas div.coordonnees div.date{
			text-align:center;
			font-weight:bold;
			margin-bottom:10px;
			}
			
			div#centrage table#contenu tr td#datas div.coordonnees table.tab1 tr td{
			padding:7px 5px;
			}
				
			div#centrage table#contenu tr td#datas div.coordonnees table.tab1 tr td table{
			border:none;
			}
			div#centrage table#contenu tr td#datas div.coordonnees table.tab1 tr td table tr td{
			border:none;
			}
			
			div#centrage table#contenu tr td#datas div.coordonnees input.champ{
			font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
			font-size:100%;
			border:1px solid #ca0b23;
			color:#000;
			height:15px;
			padding-left:4px;
			padding-right:4px;
			}
			
			div#centrage table#contenu tr td#datas div.coordonnees textarea.champ{
			font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
			font-size:100%;
			border:1px solid #ca0b23;
			color:#000;
			width:400px;
			height:100px;
			padding-left:4px;
			padding-right:4px;
			}
			
			
			/* commentaire */
			
			div#centrage table#contenu tr td#datas div.commentaire textarea{
			font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
			font-size:100%;
			border:1px solid #ca0b23;
			color:#000;
			height:50px;
			width:300px;
			padding-left:4px;
			padding-right:4px;		
			}
			
			div#centrage table#contenu tr td#datas div.commentaire input.bt{
			background-color:#ca0b23;
			font-size:100%;
			color:#FFF;
			padding:0 3px;
			font-weight:bold;
			border-color:#ca0b23;		
			}

			

		/* ANNEXES */

		div#centrage table#contenu tr td#annexes{
		width:200px;
		}		


				

			div#centrage table#contenu tr td#annexes input.champ{
			width:90px;
			vertical-align:middle;
			}

			div#centrage table#contenu tr td#annexes input.bt{
			vertical-align:middle;
			}

			div#centrage table#contenu tr td#annexes div.annexe{
			padding:5px 10px 0 12px;
			}

			
				div#centrage table#contenu tr td#annexes div.miniatures{
				clear:both;
				text-align:center;
				padding:5px 0 5px 10px;
				}
				
					div#centrage table#contenu tr td#annexes div.miniatures img{
					float:left;
					display:inline;	
					margin:0 0 5px 5px;
					*margin:0px 0 0px 5px;
					
					}
				
			div#centrage table#contenu tr td#annexes div.comm{
			margin-bottom:2px;
			}

				div#centrage table#contenu tr td#annexes div.bonjour{
				padding:3px 0 5px 10px;
				height:auto !important;
				min-height:15px;
				height:15px;
				color:#575757;
				font-size:10px;
				}


				div#centrage table#contenu tr td#annexes div.comm div.texte{

				position:relative;

				display:block;

				padding:5px 26px 15px 26px;

				background-image:url(../pics/fond_dern_comm.gif);

				background-repeat:repeat-y;

				}

				div#centrage table#contenu tr td#annexes div.comm div.texte h4{

				color:#ca0b23;

				}

				

				

				div#centrage table#contenu tr td#annexes div.comm img{

				position:relative;

				display:block;

				}
				
				div#centrage table#contenu tr td#annexes div.comm a img{

				display:inline;

				}

				

				div#centrage table#contenu tr td#annexes h4{

				margin-bottom:2px;

				}

				div#centrage table#contenu tr td#annexes p{

				margin-bottom:8px;

				}

				

				div#centrage table#contenu tr td#annexes div.bloc{

				padding:5px 10px 0 12px;

				}

					

					

				

				div#centrage table#contenu tr td#annexes a.savoir{

				color:#ca0b23;

				font-weight:bold;

				font-size:12px;

				}

		

	/*--------------- 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;}

		

		

		

		

		

		

		

		

		

div#centrage table#contenu tr td#menu div.sond{padding:15px 0 0 0;}

div#centrage table#contenu tr td#annexes div.sond{padding:15px 0 0 12px;}

	

div#centrage table#contenu tr td#menu div.sondage{

    margin:5px 0 0 0;
    
    padding:5px 0;
    
    width:160px;
    
    border-top:1px solid #ca0b23;
    
    border-bottom:1px solid #ca0b23;
    
    background-color:#f9f4f9;

}

div#centrage table#contenu tr td#annexes div.sondage{

margin:5px 10px 0 12px;

padding:5px 0;

width:178px;

border-top:1px solid #ca0b23;

border-bottom:1px solid #ca0b23;

background-color:#f9f4f9;

}

	div#centrage table#contenu tr td#menu div.sondage h4,			

	div#centrage table#contenu tr td#annexes div.sondage h4{

	clear:both;

	font-size:11px;

	font-weight:bold;

	color:#ca0b23;

	margin:5px 8px 10px 8px;

	}

	div#centrage table#contenu div.sondage input{

	padding:0;

	margin:0;

	vertical-align:text-bottom;

	*vertical-align:middle;

	margin-right:3px;

	}

	div#centrage table#contenu div.sondage p{

	margin:0 8px 7px 8px;

	*margin:0 8px 0px 8px;

	}

	div#centrage table#contenu tr td#annexes div.sondage p{

	margin:0 8px 7px 8px;

	*margin:0 8px 0px 8px;

	}

	div#centrage table#contenu 	div.sondage div.sep{

	position:relative;

	clear:both;

	display:block;

	background-color:#FFF;

	height:4px;

	margin:5px 0 0 0;

	}