/* LARGEUR DE LA PAGE : 650 px */ 

/* bandeau vertical gauche bleu */
#cadre2 
				{
				position: absolute; 
				background-color: #003399; 
				width: 100px; 
				left: 110px; 
				height: 1500px; 
				}
#cadre2 p 
				{
				position:relative; 
				top: 170px;
				color: #ffffff; 
				text-align: left; 
				font-size: 11px;
				 margin-left:10px;
				}
#cadre2 .nom-drac 
				{
				font-size: 12px;
				color:#ffff99;
				font-weight:bold; 
				}				
#cadre2 a 
	{
	 text-decoration: none;
	  font-weight:bold;
	 color: #ffffff; 
	 }
#cadre2 a:hover 
				{ 
				color: #B3B3B3; 
				}				
/* fonction recherche en haut au-dessus conteneur corspaccueil */
#rechaccueil 
							{
							position: absolute; 
							margin-left: 220px; 
							width: 630px;
              height: 17px;
	      	  	padding:10px;
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 9pt; 
							font-weight: bold; 
							color: #003399; 
							}
#rechaccueil .formul
			{
			 border:1px solid #003399;
			  color:#000033;
				height: 17px;
				width: 420px;
			 }
#rechaccueil .boutonrecher
					 { 
					 width: 22px;
					 height: 17px;
					 background-color:#003399;
						font-weight:bold;
						color:#ffffff;
						font-size:9px;
						border:none;
						vertical-align:bottom;
					 }	
/* corps de la page */
#corpsaccueil 
							{
							position: absolute; 
							margin-left: 220px;
							margin-top: 37px; 
							width: 650px;
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 8pt; 
							font-weight: normal; 
							color: #003399;  
							}
/* liens hypertextes sous les vignettes et texte ou titre dans lien */							
#corpsaccueil a 
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 8pt; 
							font-weight: normal; 
							color: #003399; 
							text-decoration: none;
							}
#corpsaccueil a:hover 
							{
							color: #b3b3b3;
							}
#corpsaccueil p 
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 8pt; 
							font-weight: normal; 
							color: #003399; 
							}
#corpsaccueil h3 
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 11pt; 
							font-weight: bold; 
							color: #003399; 
							 margin:10px 0 5px 10px;
							}
#corpsaccueil h3.rouge
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 11pt; 
							font-weight: bold; 
							color: #cc0033; 
							 margin:10px 0 5px 10px;
							}																
/* liens hypertextes ou texte dans un texte normal */							
#corpsaccueil a.norm 
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 10pt; 
							font-weight: normal; 
							color: #003399; 
							text-decoration: none;
							}

#corpsaccueil a.norm:hover 
							{
							color: #b3b3b3;
							}
#corpsaccueil a.ptit 
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 8pt; 
							font-weight: normal; 
							color: #003399; 
							text-decoration: none;
							}
#corpsaccueil a.ptit:hover 
							{
							color: #b3b3b3;
							}
#corpsaccueil a.gras 
							{
							font-weight: bold; 
							}
														
#corpsaccueil .norm 
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 10pt; 
							font-weight: normal; 
							color: #003399; 
							}
#corpsaccueil .ptit 
							{
							font-family: Arial, Helvetica,sans-serif; 
							font-size: 8pt; 
							font-weight: normal; 
							color: #003399; 
							}
#corpsaccueil .gras 
							{
							font-weight: bold; 
							}
																				

/* NUMEROS CASES ACTUS : 	le premier est la rangée, de haut en bas, le second l'ordre, de gauche à droite */
/* Possibilité de mettre 4 rangées de cases, avec les variantes suivantes : */
/* - quatre cases de 150px de large et 200px de haut ou...*/
/* - ... deux cases de 315px de large (n_large_un et n_large_deux), ou une de 150px + 1 de 315px (n_large_milieu) + 1 de 150px */
/* - ...ou deux_tout = une seule case de toute la largeur disponible */

/* RANGEE 1*/

#un_un 
								{
								position: absolute; 
								width: 150px; 
								height: 200px; 
								margin-left: 0px;
								margin-top: 5px; 
								text-align: center; 
								}
#un_deux 
								{
								position: absolute; 
								width: 150px; 
								height: 200px; 
								margin-left: 167px; 
								margin-top: 5px; 
								text-align: center; 
								}
#un_trois 
				{
        position: absolute; 
				width: 150px; 
				height: 200px; 
				margin-left: 334px; 
				margin-top: 5px; 
				text-align: center; 
				}

#un_quatre
				{
				position: absolute; 
				width: 150px; 
				height: 200px; 
				margin-left: 500px; 
				margin-top: 5px; 
				text-align: center; 
				}								
#un_large_un 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 5px; 
				text-align: center; 
				}

#un_large_deux 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 335px; 
				margin-top: 5px; 
				text-align: center; 
				}
#un_large_milieu 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 167px; 
				margin-top: 5px; 
				text-align: center; 
				}

#un_tout 
				{
        position: absolute; 
				width: 650px; 
				height: 90px; 
				margin-left: 0px; 
				margin-top: 5px; 
				text-align: center; 
				}
				
#un_haut_un 
				{
        position: absolute; 
				width: 315px; 
				height: 100px; 
				margin-left: 0px; 
				margin-top: 5px; 
				text-align: center; 
				}
								
/* RANGEE 2 */
															
#deux_un 
								{
								position: absolute; 
								width: 150px; 
								height: 200px; 
								margin-left: 0px;
								margin-top: 100px; 
								text-align: center; 
								}
#deux_deux 
								{
								position: absolute; 
								width: 150px; 
								height: 200px; 
								margin-left: 167px; 
								margin-top: 100px; 
								text-align: center; 
								}
#deux_trois 
				{
        position: absolute; 
				width: 150px; 
				height: 200px; 
				margin-left: 334px; 
				margin-top: 100px; 
				text-align: center; 
				}

#deux_quatre
				{
				position: absolute; 
				width: 150px; 
				height: 200px; 
				margin-left: 500px; 
				margin-top: 100px; 
				text-align: center;
				}								
#deux_large_un 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 220px; 
				text-align: center; 
				}

#deux_large_deux 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 335px; 
				margin-top: 220px; 
				text-align: center; 
				}
#deux_large_milieu 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 167px; 
				margin-top: 220px; 
				text-align: center; 
				}

#deux_tout 
				{
        position: absolute; 
				width: 650px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 220px; 
				text-align: center; 
				}
			
				
/* RANGEE 3 */			
				
				
#trois_un 
								{
								position: absolute; 
								width: 150px; 
								height: 225px; 
								margin-left: 0px;
								margin-top: 320px; 
								text-align: center; 
								}
#trois_deux 
								{
								position: absolute; 
								width: 150px; 
								height: 225px; 
								margin-left: 167px; 
								margin-top: 320px; 
								text-align: center; 
								}
#trois_trois 
				{
        position: absolute; 
				width: 150px; 
				height: 225px; 
				margin-left: 334px; 
				margin-top: 320px; 
				text-align: center; 
				}

#trois_quatre
				{
				position: absolute; 
				width: 150px; 
				height: 225px; 
				margin-left: 500px; 
				margin-top: 320px; 
				text-align: center; 
				}								
#trois_large_un 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 435px; 
				text-align: center; 
				}

#trois_large_deux 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 335px; 
				margin-top: 435px; 
				text-align: center; 
				}
#trois_large_milieu 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 167px; 
				margin-top: 435px; 
				text-align: center; 
				}

#trois_tout 
				{
        position: absolute; 
				width: 650px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 435px; 
				text-align: center; 
				}

/* RANGEE 4 */
											
#quatre_un 
								{
								position: absolute; 
								width: 150px; 
								height: 200px; 
								margin-left: 0px;
								margin-top: 535px; 
								text-align: center; 
								}
#quatre_deux 
								{
								position: absolute; 
								width: 150px; 
								height: 200px; 
								margin-left: 167px; 
								margin-top: 535px; 
								text-align: center; 
								}
#quatre_trois 
				{
        position: absolute; 
				width: 150px; 
				height: 200px; 
				margin-left: 334px; 
				margin-top: 535px; 
				text-align: center; 
				}

#quatre_quatre
				{
				position: absolute; 
				width: 150px; 
				height: 200px; 
				margin-left: 500px; 
				margin-top: 535px; 
				text-align: center; 
				}								
#quatre_large_un 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 535px; 
				text-align: center; 
				}

#quatre_large_deux 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 335px; 
				margin-top: 535px; 
				text-align: center; 
				}
#quatre_large_milieu 
				{
        position: absolute; 
				width: 315px; 
				height: 200px; 
				margin-left: 167px; 
				margin-top: 535px; 
				text-align: center; 
				}

#quatre_tout 
				{
        position: absolute; 
				width: 650px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 535px; 
				text-align: center; 
				}
		
		
/* RANGEE 5 */
#cinq_tout 
				{
        position: absolute; 
				width: 650px; 
				height: 200px; 
				margin-left: 0px; 
				margin-top: 750px; 
				text-align: center; 
				}
		
																					
/* GRANDE CASE POUR TEXTE PLUS LIBRE (pour les appels d'offre et annonces diverses) à placer en fonction de la dernière rangée de cases utilisée au-dessus */

/* ANNONCES_UN à utiliser s'il y a DEUX rangées de cases au-dessus */ 
#annonces_un
							{
				position: absolute; 
				width: 630px;
				padding: 10px; 
				height: auto; 
				margin-left: 0px; 
				margin-top: 435px; 
				text-align: left; 
				border:1px solid #003399; 
				}
				
/* ANNONCES_DEUX à utiliser s'il y a TROIS rangées de cases au-dessus */ 
#annonces_deux
							{
				position: absolute; 
				width: 630px;
				padding: 10px; 
				height: auto; 
				margin-left: 0px; 
				margin-top: 550px; 
				text-align: left; 
				border:1px solid #003399; 
				}

/* ANNONCES_TROIS à utiliser s'il y a QUATRE rangées de cases au-dessus */ 
#annonces_trois
							{
				position: absolute; 
				width: 630px;
				padding: 10px; 
				height: auto; 
				margin-left: 0px; 
				margin-top: 770px; 
				text-align: left; 
				border:1px solid #003399; 
				}
						
/* ANNONCES_QUATRE à utiliser s'il y a QUATRE rangées de cases au-dessus */ 
#annonces_quatre
							{
				position: absolute; 
				width: 630px;
				padding: 10px; 
				height: auto; 
				margin-left: 0px; 
				margin-top: 915px; 
				text-align: left; 
				border:1px solid #003399; 
				}
/* pour une case avec bordure */
.tourage  
					{
					border:1px solid #000000;
					}

/* pour des listes à puces */
								
.varul 
			 {
			 list-style-type:disc; 
			 margin-left:30px; 
			 list-style-position:outside; 
			 text-align:justify;
			 }