html, body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 82%;
		margin:0px;
		padding:0px;
		background-image: url(images/bg_page.jpg);
		background-repeat: repeat-x;
		background-position: top;
	}
	#document
	{
		width: 761px;
		margin: auto;
		height: auto;
		position: relative;
		border-top: 1px solid #B9BFD3;
		border-right: 1px solid #B9BFD3;
		border-bottom: 0px none #B9BFD3;
		border-left: 1px solid #B9BFD3;
		background-color: #FFFFFF;
	}
	/************************************************************************************************************************  
	******************************************** BANDEAU HAUT***************************************************************
	************************************************************************************************************************/ 
	#header
	{
		width: 761px;
		margin:0;
		padding:0;
		height: 150px;
		background-color: #FFFFFF;
	}
	#logo_atp
	{
		height: 130px;
		float:left;
		margin:0;
		padding:0;
		width: 100%;
	}
	#logo_atp   p {
		margin:30px 0px 0px;
		line-height: 1.6em;
		color: #8498AE;
		width: 140px;
		float: left;
		font-size: 100%;
	}
	#logo_atp img
	{
		float: left;
		margin-left: 45px;
		margin-top: 5px;
		margin-right: 130px;
	}
	#logo_atp   p  a {
		color:#86B205;
		font-size: 80%;
	}
	#logo_atp    p   a:hover {
		color:#EB9032;
	}
	/************************************************************************************************************************  
	******************************************** ELEMENT DE MISE EN PAGE ***************************************************************
	************************************************************************************************************************/   
	
	/******** TITRES ********/ 
	
	h1{
		padding:12px 0 0 22px;
		margin: 30px 40px 30px -5px;
		font-size: 190%;
		color: #5d75b7;
		background-image: url(images/bg_h1.gif);
		background-repeat: no-repeat;
		height: auto;
		width: 90%;
		line-height: 1.2em;
	}
	h1.home
	{
		margin: 15px;
		padding: 0px;
		margin-bottom: 0px;
	}
	H1  span
	{
		font-size: 80%;
		margin: 0px;
		padding: 0px;
	}
	h2{
		text-decoration: none;
		font-size: 135%;
		margin: 0px 0 4px 5px;
		padding:4px 0 0 12px;
		background-repeat: no-repeat;
		background-image: url(images/bg_h2.gif);
		background-position: left 8px;
		color: #FFA400;
	}
	h2 a{
		text-decoration: none;
	}
	h3{
		color:#77894A;
		font-size: 125%;
		margin:20px 0 5px 5px;
		padding:0px 0px 0px 15px;
		background-image: url(images/bg_h3-bloc.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
	}
	_h4{
		color:#97A1BE;
		margin:20px 0 10px 10px;
		font-size: 120%;
		padding:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	H4
	{
		background-color:#5D74B7;
		padding:4px 0px 0px 10px;
		margin: 0px 0px 10px 20px;
		color:#fff;
		background-image: url(images/bg_choix-formation_hover.jpg);
		font-size: 110%;
		height: 21px;
		background-repeat: repeat-x;
	}
	h5
	{
		margin:0px 0 0px 0px;
		font-size: 85%;
		padding:0px;
		text-align: left;
		margin-left: 10px;
		line-height: 1.4em;
	}
	h5 a:hover
	{
		color: #FFA400;
	}
	
	/******** PARAGRAPHES ********/ 
	
	p{
		text-align: justify;
		margin:0 0 20px 0px;
		padding:0 0 0 18px;
		width: 460px;
	}
	p.aGauche{
		margin:50px 0px 5px;
		padding:0;
		width: 460px;
		font-size: 110%;
		color: #97A1BE;
		line-height: 1.4em;
	}
	p.auCentre{ 
		text-align: center;
		padding:0;
		margin:0;
	}
	p.aDroite{ 
		text-align: right;
		padding:0;
		margin:30px 0;
	}
	p.intro
	{
		margin-left: 30px;
		width: 480px;
		padding-left: 30px;
		margin: inherit;
	}
	/******** LIENS ********/
	
	a{
		color: #5D75B7;
	
	}
	_a:hover{
		color:#FFA400;
		text-decoration: none;
		padding-left: -50px;
	}
	a.small{
		font-size:11px;
		color:#FFA400;
	  
	}
	a.small:hover{
		font-size:11px; 
		color:grey; 
	}
	/**********************************Images spécifiques**********************************/  
	 a img{
		border:0px;
		vertical-align:middle;
	 }
	a.retour
	{
		display: block;
		width: 60px;
		margin: 5px 0px 0px -42px;
		padding: 0px;
		text-decoration: none;
		color: #9EA8C6;
		font-size: 90%;
	}
	a.inscrire
	{
		background-image: url(images/enveloppe.gif);
		background-repeat: no-repeat;
		background-position: left -2px;
		padding-left: 23px;
		padding-bottom: 0px;
		font-weight: bold;
		margin-left: 0px;
		display: block;
		margin-top: 30px;
		text-decoration: none;
	}
	a:hover.inscrire
	{
		text-decoration: underline;
	}
	a.plancours
	{
		background-image: url(images/icone_plus.gif);
		background-repeat: no-repeat;
		background-position: left 0px;
		padding-left: 23px;
		padding-bottom: 5px;
		font-weight: bold;
		margin: 0px;
		display: block;
		line-height: 1.4em;
		text-decoration: none;
		margin-top: 0px;
		width: 80%;
		color: #FFA400;
	}
	a.plan_cours_pdf
	{
		background-image: url(images/icone-pdf_16.gif);
		background-repeat: no-repeat;
		background-position: left;
		margin: 0px;
		padding-left: 20px;
		font-weight: bold;
	}
	
	a:hover.plancours 
	{
		text-decoration: underline;
	}
	
	.sourisAide a,.sourisAide a:hover{
		cursor : help;
		color: #86B205;
	}
	/******** IMAGES ********/
	img{
	 margin:0;
	 padding:0;
	 vertical-align: middle;  
	}
	
	img.fleche{
	position:absolute;
	right:220px;
	} 
	
	/******** LISTES ********/ 
	 
	
	ul{
		list-style:none;
		margin-left: 0px;
	}                                              
	li.titre {
		font-weight: bold;
		margin: 30px 0 10px 45;
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	.blocContenu p.engagement
	{
		background-color: #E0E3ED;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 15px;
		margin-bottom: 10px;
	}
	
	li.contenu {
		font-weight: normal;
		margin: 0 0 10px 80px;
		padding: 0px;
	}
	ul.gauche{
		list-style:none; 
		margin:0 10px 0 0;
		padding:0;
		text-align:justify;
	}
	li.contenu2{
		font-weight: normal;
		margin: 0 0 10px 0;
		padding:0;
		width: 480px;
	}
	li.contenuProche {
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	li.contenuProche a {
		text-decoration: none;
		background-color: #EAEBEF;
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		width: 100%;
		margin-top: 1px;
		margin-bottom: 1px;
		font-weight: bold;
	}
	li.contenuProche a:hover
	{
		background-color: #919BB6;
		color: #FFFFFF;
	}
	ul.cercle, ul.ListeDomaines {
		margin: 5px 20px 5px 10px;
		list-style:none;
		font-weight: normal;
		width: 90%;
		padding-left: 10px;
	}
	
	ul.cercle li {
		margin: 5px 0 0 50px;     
	}
	
	/******** TABLAUX ********/ 
	
	table{
		padding:1px;
		margin-top: 0px;
		margin-left: 17px;
		width: 448px;
	}
	table.sansMarge{
		width:450px;
		font-size: 11px;
		padding:2px;
		margin: 0 0 0 20;
	}
	th{
		text-align:center;
		text-transform: uppercase;
		font-size: 13px;
		border: 1px solid #CCC;
		border-top: none;
		color:#5D74B7;
		background-color:#EAEBEF;
	}
	td{
		text-align:left;
		border: 1px solid #CCC;
		border-top: none;
		padding:5px 10px 5px 10px;
	}
	
	td.border{
		border-top: 1px solid #CCC;
		color:#848484;
		background-color:#eee; 
		text-align: right;  
	}
	td.borderTitre{
		border-top: 1px solid #CCC;
		font-size: 120%;
		color:#6C7584;
		background-color:#eee;
		text-align: center;
	}
	_td  a{
		font-size: 12px;
		color:grey;
		text-decoration: none;  
	}
	td.centrer{
		text-align:center;
	}
	_td.centrer  a{
	color:#FFA400; 
		font-size: 12px;
		text-decoration: underline;   
	}
	_td.centrer  a:hover{
		font-size: 12px;
		color:grey;
		text-decoration: none; 
	}
	
	td.tableauTitre2{
		color:#77894A; 
		font-weight: bold;
		text-align: center;
	}
	/******** FORMULAIRES ********/ 
	
	.formulaire2 label{
		font-weight: bold;
		float: left;
		width: 210px; 
		margin:0;
	}
	
	.formulaire3 label{
		font-weight: bold;
		float: left;
		width: 160px;
		margin:0px;
		background-color: #EAEBEF;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 5px;
		margin-left: -5px;
		color: #5B71AA;
		font-size: 100%;
	}
	#contenu .blocContenu .formulaire3
	{
		margin: 0px;
		padding: 0px;
	}
	
	
	.formulaire4 label{
		background-color: #eee;
		border-bottom:1px dashed #ccc;
		padding:10px;
		float: left;
		width: 645px;; 
		margin:5px;
	}
	
	.formulaire4 p input{
		margin-top: 20px;
	
	}
	
	.formulaire label{
		font-weight: bold;
		float: left;
		width: 100px; 
	}
	
	.formulaire p{
		text-align: justify;
		width:400px;
		margin:10px;
		padding:0;
	}
	
	
	.formulaire input[type="text"]{
		width: 170px;
		font-size:10px;
		border-top-width: 5px;
		border: 1px solid #CCC;
	}
	.formulaire input:focus{
		border: 1px solid black;
	}
	
	input[type=submit]{
		padding:2px 5px;
		border: 1px solid #6273A4;
		color : #FFFFFF;
		opacity:0.7;
		font-weight: bold;
		background-color: #97A1BE;
		margin: 0px;
		font-size: 100%;
	}
	
	fieldset{
		margin:40px 0 0 10px;
		padding:0 10px 10px 0px;
		width: 460px;
		border-style: none;
	}
	
	fieldset legend {
		font-size:14px;
		font-weight: bold;
		padding:0 10px;
		width: 450px;
		margin: 15px 0px 0px;
		color: #97A1BE;
		display: block;
		height: 25px;
	 }
	 
	 select{
		background-color: #E0E3EA;
		border: 1px solid #97A1BE;
		margin: 0 10px 0 20px;
		height: 20px;
		padding: 0px;
	}
	
	 
	
	
	
	
	/******** AUTRE ********/
	
	.centrerText{
		text-align:center;
	}
	
	.droite{
		text-align:right;
	}
	
	.droiteBouton{
		margin: 0 20px 0 0;
		font-weight: bold;
		text-align: right;
		background-color: #E3E6EF;
	}
	
	.underline{
		text-decoration: underline;
	}
	
	.clear{
		clear:both;
	}
	
	
	
	/************************************************************************************************************************  
	******************************************** BANDEAU DROIT ***************************************************************
	************************************************************************************************************************/ 
	
	
	/******** MENU ********/ 
	 
	#menuD{
		width: 180
	$;
		float: right;
		text-align: left;
		width: 190px;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
		height: auto;
	}
	
	#menuD .bloc{
		padding: 0px;
		width: 170px;
		margin: 0;
		text-align: left;
		margin-top: 15px;
		height: auto;
		float: left;
	}
	
	#menuD h3{
		background-image: url(images/bg_h3_menud.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 21px;
		width: 170px;
		color: #5d75b7;
		font-weight: bold;
		text-align: left;
		padding-top: 10px;
		padding-left: 11px;
		padding-right: 0px;
		padding-bottom: 0px;
		font-size: 95%;
		text-transform: uppercase;
		margin: 0px;
	}
	
	
	#menuD ul {
		padding: 0;
		list-style: none;
		text-align:left;
		width: 170px;
		margin: 0 0 0 5px;
		background-color: #EAEBEF;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	#menuD li {
		margin: 0 0 1px 0px;
		padding:0;
	}
	
	
	#menuD li a {
		color:#86b205;
		padding: 5px;
		padding-left:10px;
		font-weight: bold;
		font-size: 110%;
		margin: 0;
		display: block;
		width: 90%;
		text-decoration: none;
		line-height: 1em;
		
	}
	
	#menuD li a:hover {
		color:#97A1BE;
		background-color:white;
	}
	
	 #menuD a.telechargerCatalogue{ 
		 width: 100px;
		 border:0px;
		 font-size: 10px;
		 text-align: right;
		 position:absolute;
		 top:30px;
		 right:65px;  
		 color:#59653D;
		 text-decoration: none; 
	 }
	 
	#menuD a.telechargerCatalogue:hover{ 
		text-decoration: underline;
		color:#485722;  
	 }
	 
	#menuD img.telechargerCatalogue{ 
		 border:0px;
		 position:absolute;
		 top:25px;
		 right:15px;
		 opacity:0.8; 
	 }
	#menuD a.inter
	{
		color:#86B205;
		padding: 5px 5px 5px 10px;
		margin: 0 0 5px 5px;
		display: block;
		width: 155px;
		text-decoration: none;
		background-color: #EAEBEF;
		font-weight: bold;
		border: 1px solid #D3DAEB;
	}
	#menuD a:hover.inter
	{
		background-color: #A7B2D1;
		color: #FFFFFF;
	
	}
	#menuD a.salles
	{
		color:#FFA400;
		padding: 5px;
		margin: 0 0 0 5px;
		display: block;
		width: 155px;
		font-weight: bold;
		height: 30px;
	}
	/******** CALENDRIER ********/  
	
	#calendrier{
		width: 170px;
		height:320px;
		overflow-y:scroll;
		overflow-x: auto;
		font-size: 8px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 1px solid #BFC6D7;
		border-left: 1px solid #BFC6D7;
		margin: 0px 0px 10px 5px;
		padding: 0 0 5;
		background-color: #EAEBEF;
	}
	 
	#menuD h3.calendrier{
		width: 170px;
		font-weight: bold;
		height: 21px;
		margin-bottom: 0px;
	}
	#calendrier h3 a{
		text-decoration: none;
		color: #86B205;
	
	}
	#calendrier h3 a:hover{
		text-decoration: none;
	}
	#calendrier em{
		font-weight: bold;
	}
	#calendrier ul {
		margin:0px 0px 0px 7px;
		padding: 0px 1px 0px 0px;
		list-style: none;
		text-align:left;
		font-size: 10px;
		width: 145px;
	}
	
	#calendrier li{
		margin:0px;
		padding:0px;
		line-height: 1em;
	}
	
	
	#calendrier li a {
		font-size: 11px;
		margin:9px 0 0;
		color: #86B205;
		text-decoration: none;
		line-height: 1em;
		display: block;
		padding: 3px 0px;
		width: 100%;
	}
	
	#calendrier li a:hover {
		color:#657A30;
		background-color: #B9D277;
	}
	
	 /************************************************************************************************************************  
	******************************************** CONTENU CENTRAL ***************************************************************
	************************************************************************************************************************/ 
	 
	/******** CONTENU CENTRAL GENERAL ********/ 
	
	#contenu{
		width: 510px;
		padding:0px 0px 5px 50px;
		margin: 0px;
		height: auto;
		float: left;
	}
	/******** SOUS-BLOC CONTENU ********/   
	
	.blocContenu{
		margin: 20px 10px 0px 0px; /*** sépare les sous parties d'un contenu**/
		width: 480px;
		padding: 0px;
	}
	.blocGauche{
		float:left;
		width:210px;
		height:200px;
		vertical-align: middle;
		margin: 0 25px 0 20px; 
	}
	.blocDroite{
		float:right;
		width:200px;
		height:auto;
		margin: 0 0 0 20px;
		vertical-align: middle;
	}
	.blocGauche img{
	border: 1px solid #B9BFD3; 
	margin: 0 20px 0 20px;  
	
	}
	.blocDroite img{
	border: 1px solid #B9BFD3; 
	margin:0;   
	}
	
	 /************************************************************************************************************************  
	******************************************** CONTENU SPECIFIQUES ***************************************************************
	************************************************************************************************************************/ 
	 
	
	/******** INDEX.PHP ********/ 
	
	#indexChoixFormation{
		margin:20px 0px 0px -10px;
		width: 480px;
		padding: 0px;
	}
	#indexChoixFormation  h2{
		color:#FFA400;
		margin: 20px 0px 5px 20px;
		padding:0 0px 0px 10px;
		text-transform: uppercase;
		font-size: 115%;
		background-position: left center;
		height: 15px;
	
	}
	
	#indexChoixFormation p{
	   margin:0;
	   padding:0px;
	}
	
	#indexChoixFormation fieldset{
		margin:10px 0px 0px;
		padding:5px 10px 0px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		width: 90%;
	}
	
	#indexChoixFormation ul {
		margin: 0 0 5px 30px;
		padding: 0;
		width: 410px;
	}
	
	
	#indexChoixFormation li {
		margin: 0;
		list-style-type: none;
		padding: 0;
		border-top: 1px solid #DDE2F0;
		border-right: 1px solid #DDE2F0;
		border-bottom: 1px solid #DDE2F0;
		border-left: 2px solid #A6B3D7;
	}
	#indexChoixFormation li a {
		display: block;
		text-decoration: none;
		color:#919BB6;
		background-color: #EAEBEF;
		height: 16px;
		padding-top: 5px;
		padding-bottom: 3px;
		margin-top: 1px;
		margin-bottom: 1px;
		padding-left: 15px;
		font-weight: bold;
		font-size: 110%;
		margin-left: 0px;
	}
	#indexChoixFormation li a:hover {
		color: #FFFFFF;
		background-image: url(images/bg_choix-formation_hover.jpg);
	
	}
	#indexChoixFormation  select
	{
		color:#919BB6;
		padding: 0px;
		font-size: 120%;
		font-weight: bold;
		width: 200px;
		display: block;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 30px;
		padding-left: 0px;
		margin-bottom: 30px;
	}
	
	 
	#indexMetier {
		margin: 0 0 40px 0;
		width: 500px;
	}
	
	#indexMetier p{
		color:#818F5C;
		font-size: 12px;
		font-weight: bolder;
		margin: 25px 0 10px 0;
	}
	
	#indexMetier ul {  
		padding: 0;
		font-style:oblique;
		margin:0 0 0 0;  
		font-size: 13px;
		display:inline;
	}
	
	
	#indexMetier li { 
		text-align: right;
		list-style:none;
		color:#818F5C;
		padding:0;
		margin:5px 0 0 0;  
	}
	/******** RESULTAT.PHP ********/  
	 
	#resultat p{
		margin:0px;
		padding:5px;
	 }  
	 
	#resultat p.large{
		margin:0 0 20px 0px;
		padding:5px;
	 }  
	 	#resultat p.large strong{
	color: #000000;
	 } 
	.info{
	margin:0 0 30px 0;
	padding:5px;
	} 
	.info p{
	text-align: center;
	color:#818F5C; 
	border: 1px  solid;
	 } 
	 
	#warning p{
		text-align: center;
		margin:0 0 30px 20px;
		padding:5px;
		color:red;
		border: 1px  solid;
		width: 430px;
	 }
	 
	  #resultat p strong{
	color:#FFA400;
	 }
	 
	 #resultat h2{
		padding:3px 0px 5px;
		text-align: center;
		margin: 0 0 -10px;
		color:#fff;
		font-size: 110%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height: auto;
		background-image: url(images/bg_choix-formation_hover.jpg);
		background-repeat: repeat-x;
		background-color: #5d75b7;
	 }
	
	 
	 #resultat h3{
		 margin: 30px 0 20px 0; 
		 font-size:13px;
		 font-weight: normal;
		 padding:0;
		 color:#77894A; 
	}
	 #resultat h4{
		font-size: 120%;
		padding:4px 0px 2px;
		margin: 25px 0px 0px;
		color:#5D74B7;
		background-image: none;
		background-color: #EAEBEF;
		height: auto;
		width: 100%;
		text-align: center;
	}
	
	#resultat h4.espacement{
		margin: 25px 0px 15px;
		padding: 4px 0px 2px;
		height: auto;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: #5D74B7;
	}
	 
	 #resultat ul{
		list-style-type:none;
		padding:0px;
		margin: 25px 0px 20px 7px;
	} 
	
	#resultat li{
		margin: 10px 15px 0 0;
		text-align: left;
		padding-left: 10px;
		color: #5D75B7;
	}
	#resultat a{
		color:#86B205;
		text-decoration: none;
		margin-left: 10px;
	 }
	 
	#resultat a:hover{
		text-decoration: none;
		color: #FFA400;
	 }
	.resultatGS{
		float:left;
		text-align:left;
		width: 220px;
		border: 1px #ccc solid;
		margin:0 0 30px;
		padding: 0px;
	 }
	.resultatGS ul
	{
		margin-top: 20px;
		padding: 20px 0px 0px;
		height: auto;
		width: 100%;
	}
	.resultatGS li{
		text-align: left;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
	} 
	.resultatG{
		float:left;
		text-align:left;
		width: 220px;
		border: 1px #ccc solid;
		padding:0px;
		height: auto;
		margin-right: 10px;
	 }
	 .resultatC{
		position:relative;
		text-align:left;
		left:50px;
		width: 400px;
		border: 1px #ccc solid;
		padding:0px 0px 10px;
		margin:0px 0px 30px -45px;
	 } 
	.resultatD{
		text-align:left;
		width: 220px;
		padding:0px 0px 20px;
		border: 1px #ccc solid;
		margin:0px 30px 30px 0px;
		float: left;
	 }
	 .resultatDS{
		float: right;
		text-align:left;
		width: 220px;
		border: 1px #ccc solid;
		margin:0 30px 30px 0;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: -10px;
	 }
	.resultatDS ul
	{
		margin-top: 20px;
		padding: 0px;
		padding-top: 20px;
		margin-left: 0px;
		padding-left: 0px;
	}
	.resultatDS li{
		text-align: left;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
	}
	#resultat a:hover.plancours
	{
		text-decoration: underline;
		color: #86B205;
	}
	#resultat a.inscrire
	{
		background-image: url(images/enveloppe.gif);
		background-repeat: no-repeat;
		background-position: left -2px;
		padding-left: 23px;
		padding-bottom: 0px;
		font-weight: bold;
		margin-left: 10px;
		color: #FFA400;
		display: block;
		margin-top: 5px;
		text-decoration: none;
	}
	#resultat a:hover.inscrire
	{
		text-decoration: underline;
	}
	 /******** HISTORIQUE.PHP ********/ 
	 #historique h3{
	  margin:20px 0 20px 40px;  
	 }
	  /******** HISTORIQUE.PHP ********/  
	  
	 #domaineMenuSup{
		margin:5px 0 20px 0;
	 } 
	   /******** SITEMAP.PHP ********/  
	ul.planDeSite{
		font-size:14px;
		list-style: none;
		margin: 0 0 50px 0;
		color:#77894A;
		font-weight:bold;
	}
	ul.planDeSite ul{
		margin: 0 0 20px;
		font-size: 12;
		color:#FFA400;
		font-weight:normal;
	} 
	
	ul.planDeSite li{
		margin: 5px;
	}
	ul.planDeSite a{
		text-decoration:none;  
	} 
	ul.planDeSite    h2
	{
		text-decoration: none;
		font-size: 110%;
		margin: 0px 0 4px 5px;
		padding:4px 0 0 12px;
		background-repeat: no-repeat;
		background-image: url(images/bg_h2.gif);
		background-position: left 8px;
	}
	ul.planDeSite h3 
	{
		border-width: 0px;
		border-style: none;
		padding: 0px;
		margin: 0px;
		font-size: 95%;
		color: #86B205;
		margin-left: 5px;
		border: none;
	}
	ul.planDeSite h4   
	{
		border-width: 0px;
		border-style: none;
		padding: 0px;
		margin: 0px;
		font-size: 95%;
		color: #0033FF;
		margin-left: 5px;
		background-image: url(none);
		width: 150px;
		border: none;
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	
	
	ul.planDeSite a:hover{
		text-decoration:underline;  
	}
	
	.planDeSite .ListeDomaines li a 
	{
		padding: 0px;
		margin: 0px 0px 0px 30px;
		text-transform: none;
		color: #5D75B7;
	}
	ul.planDeSite li.commentaire{
		margin: 5px;  
		color:black;
		font-size:11px;
		font-style:italic;
	}     
	 img.nonTransparent{
	 opacity:1;
	 }
	
	 img.fiche{ /*Image avec la fiche pour les plan de cours*/ 
		 width: 12px;
		 border:0px;
		 margin:0 10px 0 0;
	 }
	  img.enveloppe{ /*Image avec la fiche pour les plan de cours*/ 
		 width: 20px;
		 border:0px;
		 margin:0 5px 0 0;
	 }
	.impression{
		display:none;
	}
	/******** MISE EN VALEUR ********/
	 
	strong{
		font-weight: bolder;
		line-height: 1.5em;
	}
	strong  .titre{
		font-weight: bolder;
		color:red;
		font-size:20px;
	}
	em{
		font-weight: bolder;
	}
	/******** COLORATION ********/   
	.orange{
		color:#5D74B7;
	}
	.gris{
		color:#848484;
		background-color:#eee;
	}
	.grisSimple{
		color:#848484;
		padding-bottom: 0px;
		width: 90%;
		float: left;
		margin-left: 0px;
		text-align: center;
		padding-left: -10px;
	}
	.rouge{
		color:red;
	}
	.blanc{
		color:white;
	}
	.vert a{
		color:#77894A;
	}
	.blocContenu ul.dif
	{
		margin: 0;
		padding: 0;
		padding-left: 18px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 5px;
	}
	.blocContenu .dif li
	{
		background-color: #E7E9F1;
		margin-bottom: 3px;
		margin-left: 0px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.blocContenu ul.historique
	{
		padding: 0px 0px 0px 20px;
	}
	.blocContenu ul.developper
	{
		margin: 0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
	}
	.blocContenu  .developper li
	{
		background-color: #EAEBEF;
		margin-bottom: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
	}
	h2.domaines
	{
		margin: 0px 0px 5px 20px;
		color:#fff;
		background-image: url(images/bg_choix-formation_hover.jpg);
		font-size: 120%;
		height: 25px;
		width: 430px;
		text-transform: inherit;
		background-repeat: repeat-x;
		padding-top: 12px;
	}
	h2.domaines copie
	{
		padding:2px 0px 1px 10px;
		margin: 15px 0px 5px 20px;
		color:#fff;
		background-image: url(images/bg_choix-formation_hover.jpg);
		font-size: 120%;
		height: 25px;
		width: 430px;
		text-transform: inherit;
		background-repeat: repeat-x;
	}
	
	/************************************************************************************************************************  
	******************************************** FOOTER ***************************************************************
	************************************************************************************************************************/   
	
	#footer{
		height: 23px;
		margin: 0px 0px 0px;
		padding: 0px;
		width: 761px;
		background-image: url(images/bg_footer.gif);
		background-position: bottom;
		clear: both;
		padding-top: 10px;
		background-repeat: repeat-x;
	}
	#footer ul {
		padding: 5px 0px 0px;
		list-style: none;
		width: 90%;
		height: 15px;
		clear: both;
		margin: 0px 0px 0px 50px;
		font-size: 90%;
	}
	#footer li {
		margin: 0 7px 0 0;
		padding: 0;
		display:inline; 
	}
	#footer li a {
		color:#5B6991;
		text-decoration: none;
		width: 100%;
		padding-right: 10px;
		margin: 0px;
		padding-top: 15px;
		font-weight: bold;
	}
	#footer li a:hover {
		color:#FFFFFF;
		text-decoration: underline;
	}
	a.calendrier_inter
	{
		background-image: url(images/icone-pdf_16.gif);
		background-position: left 5px;
		background-repeat: no-repeat;
		padding-left: 20px;
		line-height: 1.5em;
		display: block;
		width: 160px;
		margin-left: 2px;
	}
	p.home
	{
		padding:0;
		font-size: 110%;
		color: #97A1BE;
		line-height: 1.6em;
		margin-top: 25px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	ul#select
	{
		height: 15px;
		width: 450px;
		margin: 0px;
		padding: 0px;
		float: left;
		background-color: #3399FF;
	}
#resultat  h3.intitule_formation
	{
	font-size: 120%;
	padding:4px 0px;
	margin: 25px 0px 7px;
	color:#455C9A;
	background-image: none;
	background-color: #D2DAEC;
	width: 100%;
	text-align: center;
	line-height: 1.2em;
	}