/* CSS Document */

/*composant TITRE*/
	#contenu a{color:#FF4C0A; text-decoration:none}
	#contenu a:hover{color:#FF4C0A; text-decoration:underline}


	.titre{ 
		margin:0 0 8px 0;
		padding:0;
		font-size:130%;
		color:#FF4C0A;
		font-weight:bold;
	}
	
/*composant SOUS-TITRE*/
	.sousTitre{
		margin:0 0 7px 0;
		padding:0;
		font-size:110%;
		color:#018637;
		font-weight:bold;
	}
	
/*composant PARAGRAPHE*/
	.paragraphe{
		margin:0 0 15px 0;
		padding:0;
	}
	
	.misEnAvant{
		background-color:#F0F3FF;
		font-weight:bold;
	}

/*composant PARAGRAPHE AVEC IMAGE A GAUCHE*/
	.paragrapheImageGauche{
		margin:0 0 14px 0;
		padding:0;
	}
							
	.paragrapheImageGauche img{
		float:left;
		padding:0 10px 0 0;
	}
	
	.paragrapheClear{
		clear:both;
		height:1px;
	}
	
/*composant PARAGRAPHE AVEC IMAGE A DROITE*/
	.paragrapheImageDroite{
		margin:0 0 14px 0;
		padding:0;
	}
							
	.paragrapheImageDroite img{
		float:right;
		padding:0 0 0 10px;
	}
	
/*composant LIEN de couleur ORANGE*/

	.introductionLien{
		font-size:100%;
	}
	
	.crochetsLiensCouleur1{
		color:#f75921;
	}
							
	.lienCouleur1{
		font-size:100%;
		color:#f75921;
		text-decoration:none;
	}
							
	.lienCouleur1:hover{
		text-decoration:underline;
	}
	
	.margeBas{
		height:15px;
	}
	
	
/*composant LIEN de couleur BLEU*/
	.crochetsLiensCouleur2{
		color:#223BA7;
	}
							
	.lienCouleur2{
		font-size:100%;
		color:#223BA7;
		text-decoration:none;
	}
							
	.lienCouleur2:hover{
		text-decoration:underline;
	}
							
	
/*composant FICHIER ATTACHE de couleur ORANGE*/					
	.fichierCouleur1{
		font-size:100%;
		color:#f75921;
		text-decoration:underline;
	}
							
	.fichierCouleur1:hover{
		text-decoration:none;
	}
	
/*composant FICHIER ATTACHE de couleur BLEU*/					
	.fichierCouleur2{
		font-size:100%;
		color:#FF4C0A;
		text-decoration:underline;
	}
							
	.fichierCouleur2:hover{
		text-decoration:none;
	}
	
/*composant LIEN MAILTO*/					
	.mailto{
		font-size:100%;
		color:#417F99;
		text-decoration:underline;
	}
							
	.mailto:hover{
		text-decoration:none;
	}
	
/*composant TABLEAU BLEU*/		

	.introductionTableau{
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
			
	.enteteTableauCouleur1{
		font-size:100%;
		font-weight:bold;
		background-color:#008ed6;
		color:#fff;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #fff;
	}
	
	.ligne1PremiereCelluleCouleur1{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #008ed6;
		border-left:1px solid #008ed6;
		border-right:1px solid #008ed6;
	}
	
	.ligne2PremiereCelluleCouleur1{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #008ed6;
		border-left:1px solid #008ed6;
		border-right:1px solid #008ed6;
	}
	
	.ligne1AutreCelluleCouleur1{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #008ed6;
		border-right:1px solid #008ed6;
	}
	
	.ligne2AutreCelluleCouleur1{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #008ed6;
		border-right:1px solid #008ed6;
	}
	
	.piedTableauCouleur1{
		font-size:100%;
		font-style:italic;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #008ed6;
		border-left:1px solid #008ed6;
		border-right:1px solid #008ed6;
		background-color:#008ed6;
	}
	
/*composant TABLEAU ORANGE*/					
	.enteteTableauCouleur2{
		font-size:100%;
		font-weight:bold;
		background-color:#f75921;
		color:#fff;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #fff;
	}
	
	.ligne1PremiereCelluleCouleur2{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #f75921;
		border-left:1px solid #f75921;
		border-right:1px solid #f75921;
	}
	
	.ligne2PremiereCelluleCouleur2{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #f75921;
		border-left:1px solid #f75921;
		border-right:1px solid #f75921;
	}
	
	.ligne1AutreCelluleCouleur2{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #f75921;
		border-right:1px solid #f75921;
	}
	
	.ligne2AutreCelluleCouleur2{
		font-size:100%;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #f75921;
		border-right:1px solid #f75921;
	}
	
	.piedTableauCouleur2{
		font-size:100%;
		font-style:italic;
		padding:1px 12px 1px 6px;
		border-bottom:1px solid #f75921;
		border-left:1px solid #f75921;
		border-right:1px solid #f75921;
		background-color:#f75921;
	}
	

/*composant colonne*/

	.colonneGauche{ 
		padding-right:15px;
		vertical-align:top;
	}
		
	.colonneDroite{ 
		vertical-align:top;
	}
	
	
/*composant liste*/

	.introductionListe{
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
	
	.liste{
		margin:0 0 15px 0;
		padding:0;
		list-style:none;
	}
	
	.listeItemNiveau1{
		background-image:url(../../img/gravelines/environnement/puce_menu.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		margin:0 0 4px 18px;
		padding:0 0 0 10px;
	}
	
	.listeItemNiveau2{
		background-image:url(../../img/gravelines/environnement/puce_menu.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		margin:0 0 4px 36px;
		padding:0 0 0 10px;
	}
	
	.listeItemNiveau3{
		background-image:url(../../img/gravelines/environnement/puce_menu.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		margin:0 0 4px 54px;
		padding:0 0 0 10px;
	}
	
/*composant sommaire*/
	.introductionSommaire{
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
	
	.sommaire{
		margin:0 0 15px 0;
		padding:0;
		list-style:none;
	}
	
	.sommaire ul{
		margin:0 0 0 0;
		padding:0;
		list-style:none;
	}
	
	.sommaire li{
		background-image:url(../../img/gravelines/environnement/puce_menu.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		margin:0 0 4px 18px;
		padding:0 0 0 10px;
	}
	
	.sommaire li a{
		font-size:100%;
		color:#003300;
		text-decoration:none;
	}
	
	.sommaire li a:hover{
		text-decoration:underline;
	}

/*composants formulaire*/
	.introductionformulaire{
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
	
	.champFormulaire{
		border:1px solid #FF4C0A;
		background-color:#fff;
		padding:1px 4px 1px 4px;
		font-family:arial;
		font-size:11px;
		color:#223BA7;
	}
	
	.champSelectFormulaire{
		border:1px solid #FF4C0A;
		background-color:#fff;
		font-family:arial;
		font-size:11px;
		color:#223BA7;
	}
	
	.espaceFormulaire{
		height:3px;
	}
	
	.espaceFormulaireSubmit{
		height:12px;
	}
	
	.introChampMiddle{
		padding-right:10px;
		padding-left:15px;
	}
	
	.introChampTop{
		padding-right:10px;
		padding-left:15px;
		padding-top:3px;
		vertical-align:top;
	}
	
	.submit{
		text-align:right;
		cursor:pointer;
	}