@charset "iso-8859-1";

		html, body {/* Corps de la page, centrage, image de fond, police et taille utilisé */
          margin: 0;
          padding: 0;
          background: #333333;
          font-family:  Verdana;
          font-size : 12px;
			 
			
          }
		
		.invi{
		filter:alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
  		}
		
		
		hr{/* Toute les bordures d'image enlevée en cas de liens */
		display : block;
		clear: both;
		margin: 0;
		padding: 0;
        border : 0px;
        height : 1px;
		color: #FFF;
		background: #FFF;
		filter:alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		}
		hr.gris{/* Toute les bordures d'image enlevée en cas de liens */
		display : block;
		clear: both;
		margin: 0;
		padding: 0;
        border : 0px;
        height : 1px;
		color: #333333;
		background: #333333;
		}
		hr.clear{/* Toute les bordures d'image enlevée en cas de liens */
		display : block;
		clear: both;
		margin: 0;
		padding: 0;
        border : 0px;
        height : 1px;
		color: #D9D9D9;
		background: #D9D9D9;
		}
        hr.dotted{/* Toute les bordures d'image enlevée en cas de liens */
        display : block;
		clear: both;
		margin: 0;
		padding: 0;
        border : 0px;
		border-top : 1px dotted #FFF ;
        height : 0px;}
		img{/* Toute les bordures d'image enlevée en cas de liens */
		border: 0px solid #fff ;}
		img.rea{/* Toute les bordures d'image enlevée en cas de liens */
			float: left;
			padding : 3px 3px 3px 3px;
         	border : 1px solid #FFF;
         	height : 115px;
         	margin-right : 15px;}
		img.center{/* Centrage de l'image */
		display:block;
		text-align: center ;}
		img.right {/* Alignement de l'image a droite par rapport au texte */
		float: right;
		display: block;
		border: 0px solid #0A6CA3 ;
		margin-left: 5px;
        }
        img.down {/* Alignement de l'image a droite par rapport au texte */
		vertical-align: text-bottom; 
        }
        img.left {/* Alignement de l'image a gauche par rapport au texte */
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-left: 25px;
		}
		img.left2 {/* Alignement de l'image a gauche par rapport au texte */
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-right: 5px;
		}
		img.filet {/* Alignement de l'image a droite par rapport au texte */
		display: block;
		border-top: 3px solid #CCCCCC ;
		border-bottom: 3px solid #CCCCCC ;

        }
		
		img.part {/* Alignement de l'image a droite par rapport au texte */
		display : block;
		float : left;
		width : 100px;
		margin-right : 10px;

        }
		
		.hand {/* Alignement de l'image a droite par rapport au texte */
		cursor : hand;

        }
		table,th,tr,td{/* Toutes les bordures de tableau enlevée en cas de tableau */

		border:0 ;}
		.right{
			float : right;
		}
		div.center{
			display : block;
			text-align : center;
		}
		div.left{
			float : left;
			text-align : center;
			margin-right : 10px;
		}
		
		
		/* ----------------------------------------------------------------------------------------Définitions de quelques class de colorisations de texte utilisable plusieurs fois */
        span.red{
          color: #FE2A0F;
        }
		span.rouge{
          color: #BA0000;
        }
        span.bleu{
          color: #0678B3;
		}
        span.orange{
          color: #FF801F;
		}
		span.blanc{
          color: #FFF;
		}
		span.clear{
          display: none;
		}
		/* ----------------------------------------------------------------------------------------FIN DES SPAN */
		

		div#conteneur
		{/* --------   Bloc conteneur du site (la base du site)   --------- */
			display:block;
			position : relative;
			width: 972px;
			
			margin: 0 auto;
			padding: 0;
			border: 1px solid #333333 ;

		}
		
		div#header
		{/* ---------    Bloc en tete du site (bandeau, etc...)    --------- */
	        display: block;
			float : right;
	        margin: 0;
	        padding: 0;
			
		}
		



		div#header h1 a {
			display : block;
			 width : 293px;
	        height : 52px;
			
	        margin: 0;
	        padding: 0;
			margin-top : 20px;
			margin-right : 20px;
	        border: 0px #004A97 solid;
	        background : url('../img/logo_03.jpg') no-repeat left top
		}

        
 
      	div#header h1 a span{
          display : none;
        }
        
        
        ul#menu {/* Formatage du menu */
            display: block;
			position : absolute;
			top : 0;
			left : 200px;
			width : 233px;
			height : 161px;
			z-index : 200;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			border : 0px solid #FFFFFF;
			background : url('../img/menu1_03.jpg') no-repeat left top;
		}
		ul#menu h2{
			margin-top : 10px;
			margin-left : 10px;
			color : #FF801F;
			font-size: 20px;
			font-weight: normal;
		} 
		
         ul#menu li{
			padding : 0;
			margin : 0;
        	display : block;
        	color : #FFFFFF;
			font-size: 14px;
			font-weight: normal;
			margin-top : 20px;	
					
		}
		
		ul#menu li a{
			padding : 0;
			margin : 0;
			float : left;
			text-decoration : none;
			display : block;
	        color : #FFFFFF;
			font-size: 14px;
			font-weight: normal ;
			margin-left : 10px;
			padding-left : 10px;
			background : url('../img/puce_03.jpg') no-repeat center left;	
		}
        ul#menu li a:hover{
			text-decoration : underline;
			
		}
		
 		
		ul#menubas {/* Formatage du menu */
            display: block;
			position : absolute;
			top : 200px;
			left : 20px;
			width : 200px;
			height : 269px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			border : 0px solid #FFFFFF;
			background : url('../img/menu2_07.jpg') no-repeat left top;
			z-index : 5000;
		}
		ul#menubas h2{
			margin-top : 10px;
			margin-left : 10px;
			color : #FF801F;
			font-size: 20px;
			font-weight: normal;
		}
		
        ul#menubas li{
			padding : 0;
			margin : 0;
        	display : block;
        	color : #FFF;
	        color : #FFFFFF;
			font-size: 14px;
			font-weight: normal;
			
		}
		
		ul#menubas li a{
			padding : 0;
			margin : 0;
			float : left;
			text-decoration : none;
			display : block;
	        color : #FFFFFF;
			font-size: 14px;
			font-weight: normal ;
			margin-top : 20px;	
			margin-left : 10px;
			padding-left : 10px;
			background : url('../img/puce_03.jpg') no-repeat center left;	
		}
        ul#menubas li a:hover{

			text-decoration : underline;
	
		}

		
		ul#menubas ul.ssmenu {/* Formatage du menu */
            display: block;
			position : absolute;
			
			width : 154px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			border : 0px solid #FFFFFF;
			z-index : 10000;

		}
		ul#menubas ul#menu1{
			top : 0px;
			left : 199px;
		
		}
		ul#menubas ul#menu2{
			top : 0px;
			left : 199px;
		
		}
		ul#menubas ul#menu3{
			top : 0px;
			left : 199px;
		
		}
		ul#menubas ul#menu4{
			top : 215px;
			left : 199px;
		
		}
        ul#menubas ul.ssmenu  li{
			padding : 0;
			margin : 0;
        	display : block;

	        color : #000;
			font-size: 14px;
			font-weight: normal;
			
		}
		
		ul#menubas ul.ssmenu  li a{
			padding : 0;
			margin : 0;
			width : 154px;
			
			text-decoration : none;
			display : block;
	        color : #000;
			font-size: 10px;
			font-weight: normal ;
			margin-top : 2px;	
			padding-top : 4px;
			padding-bottom : 4px;
			text-align : center;
			background : #B3B3B3;
			border : 1px solid #808080;
			
		}
        ul#menubas ul.ssmenu  li a:hover{

			text-decoration : none;
	
		}

		div#actu {/* Formatage du menu */
            display: block;
			position : absolute;
			top : 500px;
			left : 255px;
			width : 714px;
			height : 164px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			border : 0px solid #FFFFFF;
			background : url('../img/actu_15.jpg') no-repeat left top;
			z-index : 1000;
		}
		div#actu div.bloc {/* Formatage du menu */
            display: block;
			float: left;
			width : 330px;
			height : 124px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			margin-top : 5px;
			margin-left : 20px;
			border : 0px solid #FFFFFF;
			color : #FFF;
			font-size: 12px;
			font-weight: normal;
			z-index : 1000;
		}
		div#actu div.bloc a {/* Formatage du menu */
           
			color : #FFF;
			font-size: 12px;
			font-weight: normal;
			
		}
		div#actu div.bloc img {/* Formatage du menu */
            float:  left;
			margin-right : 15px;
		}
		div#actu div.bloc h3 {/* Formatage du menu */
			display: block;
			margin: 0;
			padding: 0;
            color : #FFF;
			font-size: 16px;
			font-weight: bold;

		}
		div#actu h2{
			display: block;
			margin: 0;
			padding: 0;
			margin-top : 10px;
			margin-left : 20px;
			color : #9A2887;
			font-size: 20px;
			font-weight: normal;
		} 
		
       	div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			display:block;
			
			width: 850px;
			height : 606px;
			margin: 0 auto;
			padding : 0;
			margin-top : 30px;
			border-bottom : 5px solid #FF801F;
			background : url('../img/fond_01.jpg') no-repeat left top;
		}
		div#contenu a
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			font-size: 12px;
			color: #000;
			font-weight: normal ;
		}
		div#contenu a.nounder
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			text-decoration : none;
		}
		
		.transbox{
		filter:alpha(opacity=50);
		opacity: 0.5;
		-moz-opacity:0.5;
  		}
		
      	img.transbox{
		filter:alpha(opacity=50);
		opacity: 0.5;
		-moz-opacity:0.5;
  		}
        img:hover.transbox{
        filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity:1;
		
		}
		
       .hidden{
		filter:alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
  		}
	  
	   
      	div#contenu  img.acc{
			float : right;
			margin-top : 0px;
			margin-right : 20px;
			border : 9px solid #808080;
      		}
			
        div#contenu div#centre{
			display: block;
			width: 650px;
			height : 450px;
			padding: 0;
			margin: 0;
			font-size: 12px;
			color: #000;
			font-weight: normal ;
			margin-top : 40px;
			margin-left : 200px;
			border : 0px solid #000;
			text-align : left;
			overflow : auto;
      		}
		div#contenu div#centre h2{
			display: block;
			padding: 0;
			margin: 0;
			
			padding-left : 30px;
			font-size: 20px;
			color: #FF801F;
			font-weight: normal ;
			background : url('../img/puceo_03.jpg') no-repeat left center;
		
      		}
		div#contenu div#centre h2.icone1{
			display: block;
			padding: 0;
			margin: 0;
			height : 30px;
			padding-left : 30px;
			font-size: 20px;
			color: #000;
			font-weight: normal ;
			background : url('../img/icone1_03.jpg') no-repeat left center;
      		}
		div#contenu div#centre h2.part{
			display: block;
			padding: 0;
			margin: 0;
			height : 30px;
			padding-left : 35px;
			font-size: 20px;
			color: #000;
			font-weight: normal ;
			background : url('../img/pucepart_03.jpg') no-repeat left center;
      		}
		div#contenu div#centre h2.news{
			display: block;
			padding: 0;
			margin: 0;
			height : 25px;
			padding-left : 25px;
			font-size: 20px;
			color: #000;
			font-weight: normal ;
			background : url('../img/news.jpg') no-repeat left center;
      		}
		div#contenu div#centre h3{
			display: block;
			padding: 0;
			margin: 0;
			height : 20px;
			margin-left : 30px;
			padding-left : 10px;
			font-size: 16px;
			color: #FF801F;
			font-weight: normal ;
			background : url('../img/puce_03.jpg') no-repeat left center;
      		}
		div#contenu div#centre h4{
			display: block;
			padding: 0;
			margin: 0;
			font-size: 16px;
			color: #FF801F;
			font-weight: normal ;
      		}
		
			
		div#contenu div#centre div#droite{
			display: block;
			float : right;
			width: 225px;
			padding: 0;
			margin: 0;
			text-align : right;
      		}	
		div#contenu div#centre div#droite2{
			display: block;
			float : right;
			width: 370px;
			height : 380px;
			padding: 0;
			margin: 0;
			text-align : left;
			overflow: auto;
      		}	
		div#contenu div#centre div#droite2 h3{
			margin : 0;
			padding: 0;
			font-size: 16px;
			color: #000;
			font-weight: normal ;
			background : ;
      		}
		div#contenu div#centre div#droite2 h4{
			padding-left : 10px;
			font-size: 12px;
			color: #000;
			font-weight: bold ;
			background : url('../img/pucen_03.jpg') no-repeat left center;
      		}
		div#contenu div#centre div#droite2 div.haut{
			display: block;
			width: 358px;
			height : 39px;
			padding: 0;
			margin: 0;
			background : url('../img/haut.png') no-repeat left top;
			
      		}	
		div#contenu div#centre div#droite2 div.bas{
			display: block;
			width: 358px;
			height : 16px;
			padding: 0;
			margin: 0;
			background : url('../img/bas.png') no-repeat left top;
      		}	
		div#contenu div#centre div#droite2 div.fiche{
			display: block;
			width: 348px;
			
			padding: 0;
			margin: 0;
			
			padding-left : 10px;
			text-align : left;
			background : url('../img/fond.png') repeat-y left top;
			font-size: 9px;
			color: #000;
			font-weight: normal ;
      		}	
		div#contenu div#centre div#droite2 div.fiche a{
			
			font-size: 9px;
			color: #000;
			font-weight: normal ;
			text-decoration : none;
      		}
		div#contenu div#centre div#img{
			display: block;
			float : right;
			width: 225px;
			padding: 0;
			margin: 0;
			
			padding-top : 20px;
			padding-bottom : 20px;
			border-top : 1px dotted #000;
			border-bottom : 1px dotted #000;
			text-align : right;
      		}
		div#contenu div#centre div#img img{
			
			width: 214px;
			
      		}
		div#contenu div#centre div#img2{
			display: block;
			float : right;
			width: 177px;
			padding: 0;
			margin: 0;
			
			padding-top : 20px;
			padding-bottom : 20px;

			text-align : right;
      		}
		div#contenu div#centre div#img2 img{
			
			width: 130px;
			
      		}
		div#contenu div#centre div#img3{
			display: block;
			clear : both;
		
			padding: 0;
			margin: 0;
			text-align : left;
			margin-top : 20px;

      		}
		div#contenu div#centre div#img3 img{
			margin-top : 30px;
			margin-right : 20px;
			height : 150px;
      		}
		div#contenu div#centre div.gauche{
			display: block;
			float : left;
			width: 220px;
			padding: 0;
			margin: 0;
		
			text-align : left;
      		}
		div#contenu div#centre div.gris{
			display: block;
			float : left;
			padding: 0;
			margin: 0;
			color : #FFF;
			text-align : left;
			background : #333333;
			padding : 5px 0px 5px 15px ;
      		}
		div#pied{
	        display: block;
			clear : both;
	        padding: 0;
			margin: 0;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-align : center;
			margin-top : 0px;
			padding-top : 5px;
			height : 22px;
			width: 970px;
			border : 0px solid #FFF;
			z-index : 4000;
      	}
      	div#pied.marg{

			margin-top : 30px;

      	}
		div#pied a{
			display : block;
			margin : 0;
			padding : 0;
			float : left;
			height : 20px;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
			margin-left : 10px;
			padding-top : 5px;
      	}
      	div#pied a:hover{

			text-decoration : none;
      	}
		div#pied span{
			display : block;
			margin : 0;
			padding : 0;
			float : left;
			height : 20px;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
			margin-left : 10px;
			padding-top : 5px;
			margin-left : 280px;
      	}

		div#pied a.pied1{
			height : 17px;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
			padding-left : 20px;
			background : url('../img/icone1_19.jpg') no-repeat left center;
			margin-left : 200px;
		}
      	div#pied a.pied2{
			height : 18px;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
			padding-left : 30px;
			background : url('../img/icone2_19.jpg') no-repeat left center;
		}
		div#pied a.pied3{
			height : 17px;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
			padding-left : 20px;
			background : url('../img/icone3_21.jpg') no-repeat left center;
		}
		div#pied a.pied4{
			height : 17px;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
			padding-left : 20px;
			background : url('../img/icone4_23.jpg') no-repeat left center;
		}
		div#pied a.retour{
			height : 17px;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
			padding-left : 20px;
			background : url('../img/retour.gif') no-repeat left center;
		}
		#clear {/* Bloc qui maintient les autres a la meme hauteur */
			clear: both;

		}
		div.clear {/* Bloc qui maintient les autres a la meme hauteur */
			display  : block;
			clear: both;
			margin-top : 10px;
		}