@charset "iso-8859-1";

		html, body {/* Corps de la page, centrage, image de fond, police et taille utilisé */
          margin: 0;
          padding: 0;
          background: #FFFFFF;
          color: #666666;
          font-family:  Verdana;
          font-size : 11px;
			 
			
          }

		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;
		}
        hr.dotted{/* Toute les bordures d'image enlevée en cas de liens */
        border : 0px;
		border-top : 1px dotted #000 ;
        height : 0px;}
        hr.clear{/* Toute les bordures d'image enlevée en cas de liens */
        display : block;
		clear: both;
        border : 0px;
        margin: 0;
		padding: 0;
        height : 1px;
        background: #F3FAFC;
        color : #F3FAFC;
		}
		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.result {/* Alignement de l'image a gauche par rapport au texte */
		float: left;
		border: 1px solid #333399 ;
		margin-right: 15px;
		}
		img.left2 {/* Alignement de l'image a gauche par rapport au texte */
		display : block;
		position : relative;
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-right : 10px;
		}
		img.filet {/* Alignement de l'image a droite par rapport au texte */
		display: block;
		border-top: 3px solid #CCCCCC ;
		border-bottom: 3px solid #CCCCCC ;

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

		border:0 ;}
		table.esp,table.esp td{
		border:1px solid #004A97;
		padding : 3px 3px 3px 3px;
		border-collapse:collapse;
		text-align : center;}
		table.esp tr.bleu td{
		color : #FFF;
		background : #004A97;
		border : 1px solid #FFF;
		}
		.right{
			float : right;
		}
		div.center{
			display : block;
			text-align : center;
		}

		/* ----------------------------------------------------------------------------------------Définitions de quelques class de colorisations de texte utilisable plusieurs fois */
        span.red{
          color: #FE2A0F;
        }
        span.bleu{
          color: #0678B3;
		}
        span.orange{
          color: #FF9900;
		}
		span.quest{
			display : block;
          font-weight: bold;
          background: url('../img/smallquest.png') no-repeat left top;
          height: 17px;
          padding-left : 25px;
          padding-top : 3px;
          font-size : 14px;
		}
		
		table#planning, table#planning td{
			border : 1px solid #004A97;
			padding : 3px 3px 3px 3px ;
		}
		.forange{
			background : #F8B323;
			color : #004A97;
		}
		.fbleu{
			background : #004A97;
			color : #FFF;
		}
		.fjaune{
			background : #FFFF99;
			color : #004A97;
		}
		
		.fblanc{
			background : #FFF;
			color : #004A97;
		}
		
		.small{
			font-size : 9px;
		}
		.mid{
			font-size : 11px;
		}
		.big{
			font-size : 14px;
		}
		.feuille{
		
		font-size  : 12px;
		
		}
		select.besoin, option {
		
		font-size  : 12px;
		
		}
		.bouton{
			background-color:#004A97;
			color: #FFF;
			font-size  : 12px;
		}
		.justify{
			text-align: justify;
		}
		/* ----------------------------------------------------------------------------------------FIN DES SPAN */
		

		div#conteneur
		{/* --------   Bloc conteneur du site (la base du site)   --------- */
			display:block;
			position : relative;
			width: 976px;
			margin: 0 auto;
			padding: 0;
			height: 700px;
			background : #FFFFFF;
			border: 0px solid #000000 ;
			

		}


		div#header
		{/* ---------    Bloc en tete du site (bandeau, etc...)    --------- */
	        display: block;
	        position : relative;
	        width : 974px;
	        height : 116px;
	        margin: 0;
	        padding: 0;
	        border-left : 1px #004A97 solid;
	        border-right : 1px #004A97 solid;
	        background : #FFFFFF;
		}
		



		div#header h1 {
			display : block;
			float : left;
			position : relative;
			width : 169px;
			height : 96px;
			margin: 0;
			padding: 0;
			
			text-align : center;
			padding-top : 20px;
		}

        
 
      	div#header h1 a span{
          display : none;
        }
        
        
        ul#menu {/* Formatage du menu */
            display: block;
            position : relative;
            width : 960px;
            height : 40px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			padding-left : 10px;
			border : 0px solid #FFFFFF;
		}
		
		
        ul#menu li{
			padding : 0;
			margin : 0;
        	display : block;
        	float : left;
        	color : #FFFFFF;
			font-size: 11px;
			font-weight: bold ;
			padding-top : 7px;
			margin-right : 7px;
			
		}

		ul#menu li a{
			padding : 0;
			margin : 0;
			float : left;
			text-decoration : none;
			display : block;
	        color : #FFFFFF;
			font-size: 11px;
			font-weight: bold ;
			border-right : 1px solid #FFF;
			height : 14px;
			margin-top : 7px;
			padding-right : 7px;
		}
        
		
		ul#menu li.search{
			padding : 0;
			margin : 0;
        	display : block;
			width : 255px;
			color : #FFFFFF;
			font-size: 11px;
			font-weight: bold ;
			padding-top : 9px;		
		}
        ul#menu .search{
 		font-size : 10px;
 		height : 11px;
 		}
		ul#menu .valid{
 		font-size : 10px;
 		height : 20px;
 		width : 20px;
 		text-align : center;
 		}	
       	div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			display:block;
			position : relative;
			width: 976px;
			height : 572px;
			margin: 0;
			padding : 0;
			
			border : 0px solid #000;
			background : #647EB8 url('../img/fond.jpg') left top repeat-x;
		}


		div#gauche{
			display : block;
			position : relative;
			margin: 0;
			padding : 0;
			width: 169px;
			float : left;
			z-index:100;
		}
		
		
		
		
		
		
		
		
		
		
		
		
      
		div#gauche ul {/* Formatage du menu */
            display: block;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			
		}
		
		
        div#gauche ul li{
			padding : 0;
			margin : 0;
        	display : block;
        	margin-top : 30px;
			 width: 134px;
		}
		div#gauche ul li.top{
		margin-top : 30px;
		}
        div#gauche ul li a{
			
			padding : 0;
			margin : 0;
			text-decoration : none;
			display : block;
			position : relative;
			color : #FFFFFF;
			font-size : 12px;
	        width: 134px;
	        height : 23px;
	        padding-left : 35px;
	        padding-top : 7px;

        }
        div#gauche ul li a.planning{
			height : 29px;
	        padding-top: 1px;
        }
        div#gauche ul li a.lien1{

	        
	        background :  url('../img/mb1.jpg') no-repeat top left;
        }
        div#gauche ul li a.lien1:hover{
			color : #004A97;
	        background : url('../img/mb2.jpg') no-repeat top left;
        }
        div#gauche ul li a.lien2{

	        
	        background : url('../img/mj1.jpg') no-repeat top left;
        }
        div#gauche ul li a.lien2:hover{
			color : #004A97;
	        background : url('../img/mj2.jpg') no-repeat top left;
        }
        div#gauche ul li a.lien3{

	        background : url('../img/mv1.jpg') no-repeat top left;
        }
        div#gauche ul li a.lien3:hover{
			color : #004A97;
	        background : url('../img/mv2.jpg') no-repeat top left;
        }
        div#gauche ul li a.lien4{


	        background : url('../img/mr1.jpg') no-repeat top left;
        }
        div#gauche ul li a.lien4:hover{
			color : #004A97;
	        background : url('../img/mr2.jpg') no-repeat top left;
        }
      
	  
	  
	  
	  
	  
	  div#gauche ul#pro {/* Formatage du menu */
            display: block;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			
		}
		
		
        div#gauche ul#pro li{
			padding : 0;
			margin : 0;
        	display : block;
        	margin-top : 30px;
			width: 134px;
			
		}
		div#gauche ul#pro li.top{
		margin-top : 30px;
		}
        div#gauche ul#pro li a{
			
			padding : 0;
			margin : 0;
			text-decoration : none;
			display : block;
			position : relative;
			color : #FFFFFF;
			font-size : 12px;
	        width: 134px;
			height : auto;
	        padding-left : 35px;
	        padding-top : 7px;
			padding-bottom : 7px;
			
        }
        
        div#gauche ul#pro li a.lien2{
	        background : #F7B322 url('../img/mj1.jpg') no-repeat top left;
        }
	  
	   div#gauche ul#pro li a.lien2:hover{
			color : #004A97;
	        background : #F7B322 url('../img/mj2.jpg') no-repeat top left;
        }
  
        
        ul.ssmenu {/* Formatage du menu */
            display: block;
            position : absolute;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			z-index:1000;
			text-align: left;
			padding : 3px 3px 3px 3px;
			border : 1px solid #FFF;
			
		}
		ul#ssmenu1{ 
		z-index:1000;
		top : 129px;
		left : 170px;
		background: #F7B322;
		}
		ul#ssmenu2{ 
		z-index:1000;
		top : 189px;
		left : 170px;
		background: #F7B322;
		}

        ul.ssmenu li{
			padding : 0;
			margin : 0;
        	display : block;
			line-height : 15px;
		}
        ul.ssmenu a.ssmenu{
			text-decoration : none;
	        color : #004A97;
			font-size: 11px;
			font-weight: normal;
        }
        ul.ssmenu a.ssmenu:hover{
        	
        	text-decoration : underline;
        }
        
      	
        div#contenu div#centre{
			display: block;
			width : 786px;
			height : 502px;
			float : left;
			position : relative;
			padding: 0;
			margin: 0;
			padding : 10px 10px 10px 10px;
			background : #FFFFFF;
      		}
			 
  		div#contenu div#centre.petit{
  			width: 617px;
  			}
	      	
      	div#contenu div#centre div.text{
      		display: block;
      		height : 502px;
      		overflow:  auto;
			border : 1px solid #F8B323;
			background : #F3FAFC;
      		}
      	div#contenu div#centre div.text p{
      		margin-left : 10px;
      		}	
      	div#contenu div#centre div.text2{
      		display: block;
			float:left;
			border : 0px solid #000;
			font-size: 12px;
			font-weight: normal ;
			z-index:1;
			padding : 10px 10px 10px 10px;

      		}
      	div#contenu div#centre div.text3{
      		display: block;
      		height : 480px;
      		overflow:  auto;
			border : 1px solid #F8B323;
			background : #F3FAFC;
      		}
      	div#contenu div#centre div#fonctions{
      		display: block;
      		padding : 0;
      		margin : 0;
      		height : 15px;
      		padding-left : 0px;
			text-align : center;
			padding-top : 5px;
      		}
      	div#contenu div#centre div#fonctions ul.fonc {/* Formatage du menu */
            display: block;
            position : relative;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			border : 0px solid #FFFFFF;
		}
		
		
        div#contenu div#centre div#fonctions  ul.fonc li{
			padding : 0;
			margin : 0;
        	display : block;
        	float : left;
        	color : #666666;
			font-size: 11px;
			font-weight: bold ;
			margin-right : 30px;
			padding-left : 17px;
			background : url('../img/puce2.png') top left no-repeat;
		}

		div#contenu div#centre div#fonctions ul.fonc li a{
			padding : 0;
			margin : 0;
			float : left;
			text-decoration : none;
			display : block;
	        color : #666666;
			font-size: 11px;
			font-weight: bold ;
		}
      	div#contenu div#centre div#agre{
      		display: block;
			float:left;
			border : 0px solid #000;
			font-size: 12px;
			font-weight: normal ;
			margin-top : 15px;

      		}
			div#contenu div#centre div#ai{
			clear : both;
      		display: block;
			
			width : 600px;
			border : 0px solid #000;
			font-size: 12px;
			font-weight: normal ;
			margin-top : 50px;
			text-align : right;
      		}
      	div#contenu div#centre div#cgauche{
      		display: block;
      		float : left;
      		width : 380px;
			border-right  : 0px solid #666666;
      		}
      	div#contenu div#centre div#cdroite{
      		display: block;
      		float : left;
      		width : 360px;
      		}
      	div#contenu div#centre div.bleu{
      		width : 360px;
      		margin : 0;
      		padding : 0;
      		display: block;
      		border : 1px solid #009FDF;
      		margin-bottom : 10px;
      		

      		padding : 5px 5px 5px 5px;
      		text-align : justify;
      		}
      	div#contenu div#centre div.vert{
      		width : 360px;
      		margin : 0;
      		padding : 0;
      		display: block;
      		background : #C7B933;
      		margin-bottom : 10px;
      		color : #FFF;
      		padding : 5px 5px 5px 5px;
      		text-align : justify;
      		}
      	div#contenu div#centre div.orange{
      		width : 360px;
      		margin : 0;
      		padding : 0;
      		display: block;
      		background : #DB8120;
      		margin-bottom : 10px;
      		color : #FFF;
      		padding : 5px 5px 5px 5px;
      		text-align : justify;
      		}
      	div#contenu div#centre div.jaune{
      		width : 360px;
      		margin : 0;
      		padding : 0;
      		display: block;
      		background : #F8B323;
      		margin-bottom : 10px;
      		color : #FFF;
      		padding : 5px 5px 5px 5px;
      		text-align : justify;
      		}
      	
      	div#contenu div#centre div#img{
      		display: block;
      		float : right;
      		width: 180px;

			text-align : center;
      		}
     	
      	div#contenu div#centre h2{
      		display: block;
	        color : #F8B323;
			font-size: 25px;
			font-weight: normal ;
			margin : 0;
			padding-top : 10px;
			padding-bottom : 5px;
			padding-left : 10px;
			background : #FFF;
      		}
    	div#contenu div#centre h3{
      		display: block;
	        color : #666666;
	        height : 20px;
			font-size: 14px;
			font-weight: bold ;
			margin : 0;
			margin-top : 10px;
      		}
      	div#contenu div#centre h3.bleu{
      		display: block;
      		height : 15px;
      		margin : 0;
      		padding : 0;
      		font-size: 12px;
      		padding-left : 18px;
      		background : url('img/puce2.png') bottom left no-repeat;
      		}
      	div#contenu div#centre h3.jaune{
      		display: block;
      		height : 15px;
      		margin : 0;
      		padding : 0;
      		font-size: 12px;
      		padding-left : 18px;
      		background : url('img/puce4.png') top left no-repeat;
      		border: 0px solid #000;
      		}
      	div#contenu div#centre h3.orange{
      		display: block;
      		height : 15px;
      		margin : 0;
      		padding : 0;
      		font-size: 12px;
      		padding-left : 18px;
      		background : url('img/puce1.png') bottom left no-repeat;
      		}
      	div#contenu div#centre h3.vert{
      		display: block;
      		height : 15px;
      		margin : 0;
      		padding : 0;
      		font-size: 12px;
      		padding-left : 18px;
      		background : url('img/puce3.png') bottom left no-repeat;
      		}
   		div#contenu div#centre a{
	        color : #666666;
			font-size: 12px;
			font-weight: normal ;
			text-decoration : underline;
      		}
      	div#contenu div#centre a.tab{
      		font-size : 11px;
			color : #004A97;
			text-decoration : none;
		}
		div#contenu div#centre a.tab2{
      		font-size : 14px;
			color : #FFF;
			text-decoration : none;
		}
   		div#contenu div#centre a.fiches{
   			display: block;
	        padding: 0;
			margin: 0;
			float : left;
			height : 55px;
			width: 165px;
	        color : #FFF;
	        background : url('img/bouton.png') top left no-repeat;
			font-size: 12px;
			font-weight: normal ;
			text-decoration : none;
			text-align : center;
			padding : 15px 5px 5px 5px;
			margin-left : 10px;
			margin-top : 10px;
      		}
      	div#contenu div#centre a.forms{
   			display: block;
	        padding: 0;
			margin: 0;
			float : left;
			height : 55px;
			width: 165px;
	        color : #000;
	        background : url('img/bouton2.png') top left no-repeat;
			font-size: 14px;
			font-weight: normal ;
			text-decoration : none;
			text-align : center;
			padding : 15px 5px 5px 5px;
			margin-left : 10px;
			margin-top : 10px;
      		}
      	div#contenu div#centre a.quiz{
   			display: block;
	        padding: 0;
			margin: 0;
			float : left;
			height : 55px;
			width: 165px;
	        color : #000;
	        background : url('img/bouton3.png') top left no-repeat;
			font-size: 12px;
			font-weight: normal ;
			text-decoration : none;
			text-align : center;
			padding : 15px 5px 5px 5px;
			margin-left : 10px;
			margin-top : 10px;
      		}
      	div#contenu div#centre a.news{
   			display: block;
   			position : relative;
   			float: left;
	        padding: 0;
			margin: 0;
			height : 11px;
	        background : url('img/fleche.png') center left no-repeat;
			font-size: 12px;
			font-weight: normal ;
			text-decoration : none;
			padding-left : 45px;
			margin-left : 0px;
			margin-top : 20px;
      		}
		div#droite{
	        display: block;
	        position : relative;
	        padding: 0;
			margin: 0;
			float : left;
			height : 512px;
			width: 140px;
			background : #F3FAFC;
			margin-left : 10px;
			padding-left : 10px;
			padding-top : 10px;
      	}
      	div#actu{
      		display: block;
	        padding: 0;
			margin: 0;
			
			height : 245px;
			width: 125px;
			background : #F8B323;
      		font-size: 9px;
			font-weight: normal;
	        color : #004A97;
			text-align : left;
			padding-left : 5px;
			margin-bottom: 10px;
			text-align: center;
      		
      		}
      	div#actu h3.actu{
      		display: block;
	        padding: 0;
			margin: 0;
      		font-size: 14px;
			font-weight: bold;
	        color : #004A97;
			margin-bottom : 10px;
			padding-top : 5px;
      		}
      	div#form{
      		display: block;
	        padding: 0;
			margin: 0;
			
			height : 245px;
			width: 125px;
			background : #004A97;
      		font-size: 9px;
			font-weight: normal;
	        color : #FFFFFF;
			text-align : left;
			padding-left : 5px;
			text-align: center;
      		
      		}
      	div#form h3.form{
      		display: block;
	        padding: 0;
			margin: 0;
      		font-size: 14px;
			font-weight: bold;
	        color : #FFFFFF;
			margin-bottom : 10px;
			padding-top : 10px;
      		}
		div#pied{
	        display: block;
	        padding: 0;
			margin: 0;
			font-size: 10px;
			font-weight: normal;
	        color : #004A97;
			text-align : center;
			padding-top : 5px;
			height : 27px;
			width: 976px;
			background : url(../img/img-pied-page.jpg) no-repeat left top;
      	}
      	
		div#pied a{

			font-size: 10px;
			font-weight: normal;
	        color : #004A97;
			text-decoration : none;
      	}

		#clear {/* Bloc qui maintient les autres a la meme hauteur */
			clear: both;

		}