/* Définition des polices personnalisées */

	@font-face
	{
		font-family: 'BallparkWeiner'; 
		src: url('polices/ballpark.eot');
		src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
			 url('polices/ballpark.woff') format('woff'),
			 url('polices/ballpark.ttf') format('truetype'),
			 url('polices/ballpark.svg#BallparkWeiner') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face
	{
		font-family: 'Dayrom';
		src: url('polices/dayrom.eot');
		src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
			 url('polices/dayrom.woff') format('woff'),
			 url('polices/dayrom.ttf') format('truetype'),
			 url('polices/dayrom.svg#Dayrom') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	

	body
	{
		-color: #181818; 
		-background-image : url("pictures/gris_123.png");	
		background-color : #F5F5F5; 
		-background-color : green;
	}
	
	/*  Bloc de la page  */ 
	#bloc_page
	{
		width: 950px;
		margin: auto;
		margin-top :-7px;
		background-color : #ffffff; 
		-border: 1px solid green; 
	}
	
	
	section h1, footer h1, nav a
	{
		font-family: Dayrom, serif;
		font-weight: normal;
		 /* text-transform: uppercase; */
	}
	
	.choix_langues
	{
		/*font-weight : bold; /* on met le texte en gras */
		font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
		font-size : 0.9em; /* hauteur du texte : 12 pixels */
		-color : yellow;
	}
	
	a
	{
	  text-decoration : none; 
	}
	
	 #bar_sous_langues
	{
		background: url(pictures/blue1.jpg); /* yg2.jpg */ 
		height: 2px;
		width: 100%;
		-display: block;
	}
	
	/* Début Menu Navigation */ 
	
	/*    Menu Navigation */ 
	
	.en_tete_Menu_horizental
	{
		height: 52px;
	    -width : 100%;
		top: 2px;
		-margin-left : 3px;
		-background: url('pictures/fond_degraderouge.png') repeat-x;
		background-color : green;		
		-border: 1px solid #760001;
		border-radius: 5px;
		-font-size: 0.9em;
		color : yellow;
		padding: 3px 8px 0px 8px;
		text-decoration: none;
		text-align: center;
	}
	
	nav
	{
		display: inline-block;
		width: 80%;
		text-align: center;	
		padding : 7px;
        -border: 1px solid red; 
	}
	

	#menu, #menu ul /* -OK-  Liste */    
	{
			padding : 0; /* pas de marge intérieure */
			margin : 0; /* ni extérieure */
			list-style : none; /* on supprime le style par défaut de la liste */
			line-height : 28px; /* on définit une hauteur pour chaque élément */
			text-align : center; /* on centre le texte qui se trouve dans la liste */
	}
	
/*	-#menu  Ensemble du menu 
	{
			font-weight : bold;  on met le texte en gras 
			font-family : Arial;  on utilise Arial, c'est plus beau ^^ 
			font-size : 12px;  hauteur du texte : 12 pixels 
	}*/
	
	
	#menu li /* Éléments des listes */     
	{ 
			float : left; 
			/* pour IE qui ne reconnaît pas "transparent" */
			-border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	}
	
	/* IE ne reconnaissant pas le sélecteur ">" */
	html>body #menu li
	{
			-border-right: 1px solid  yellow; /* on met une bordure transparente à droite de chaque élément  / Espace entre éléments de menu yellow transparent */
	}
	
	
   #menu li ul /* Sous-listes */
	{ 
			position: absolute; /* Position absolue */
			width: 144px; /* Largeur des sous-listes */
			left: -999em; /* Hop, on envoie loin du champ de vision */
	}
   
   #menu li ul li /* Eléments de sous-listes */
	{
			/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
			border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
	}
	
	/* IE ne reconnaissant pas le sélecteur ">" */
	html>body #menu li ul li                
	{
			border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
	}
	
/*	123#menu li ul ul 
	{
			margin    : -22px 0 0 144px ;  On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes 
			 pour IE qui ne reconnaît pas "transparent" (comme précédemment) 
			border-left     : 1px solid #fff ;  Petite bordure à gauche pour ne pas coller ...      
	}*/
	
	/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
	html>body #menu li ul ul                
	{
			border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
	}
	   
	   
/*	123#menu li:hover ul ul, #menu li.sfhover ul ul  Sous-sous-listes lorsque la souris passe sur un élément de liste 
	{
			left: -999em;  On expédie les sous-sous-listes hors du champ de vision 
	}*/
	 
	#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
	/* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
	{
			left: auto; /* Repositionnement normal */
			min-height: 0; /* Corrige un bug sous IE */
	}
	
	
	
	/***/
	
	#menu li
	{
		-display: inline;
		-margin-right : 29px;
		-margin : auto;
	}
	
	
	#menu a /* Contenu des listes  OK */
	{        
	        display: inline-block;  
			 -display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
			background : yellow; /* couleur de fond */       
			-text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
			width : 117px; /* largeur */
			font-size: 1em;
			font-family: Dayrom, serif, Georgia ;
			color: white;   /* #181818; */
			font-style :italic;
			padding-bottom: 1px; /*  Marge inférieure */
			text-decoration: none;
			-font-weight : bold;
			
			background-color :green;
			-background: url('pictures/vert1.png');
			-border: 1px solid green;
			margin : auto;
			color : white;
				
	}
	
	#menu a:hover /* -OK-  Lorsque la souris passe sur un des liens */   
	{
			-background: yellow; /* ... et au contraire, le fond en blanc */
			color: yellow;
		    border-bottom: 1px solid #760001;
			-background-color : white;
	}

	
	/*****************************/ 
	
	
	
	/* Fin Menu Navigation */ 
	/***********************************************************************************************************************************************************************/
	/***********************************************************************************************************************************************************************/
/*	#banniere_image
	{
		margin-top: 0px;
		-margin-bottom: 50px;
		height: 208px;  Selon la longuer de l'image  
		border-radius: 3px;
		-position: relative;
		box-shadow: 0px 4px 3px #1c1a19;   Ombre pour une image  
		border-top: 1px solid white; 
		background: url('pictures/v10.JPG') no-repeat;
	}*/
        
        #banniere_image
	{
		margin-top: 0px;
		/*-margin-bottom: 50px;*/
		/*height: 208px;  Selon la longuer de l'image */ 
		border-radius: 3px;
		-position: relative;
		box-shadow: 0px 4px 3px #1c1a19; /*  Ombre pour une image */ 
		border-top: 1px solid white;
		/*--background: url('pictures/ag007.jpg') no-repeat;*/  
		/*--background: url('pictures/logo.jpg') no-repeat;*/  
		/*background: url('pictures/v10.jpg') no-repeat;*/ 
/*		background-position: right;*/
                /*background: url('pictures/ag007.jpg') no-repeat;*/  
                /*background-color: #5b992b;*/
		
	}
	
	.nom_banque
	{
		font-family: Dayrom, serif;
		font-size: 1.3em;
		margin-left: 5px;
		font-weight: bold;
		color : green;	
	}
	
	.Ebanking_Intranet
	{
		height: 22px;
	    width : 160px;
		top: 2px;
		margin-left : 3px;
		-background: url('pictures/fond_degraderouge.png') repeat-x;
		background-color : green;		
		-border: 1px solid #760001;
		border-radius: 5px;
		font-size: 0.9em;
		color : white;
		text-align: center;
		padding: 3px 8px 0px 8px;
		text-decoration: none;
	}
	
	.Ebanking_Intranet a
	{
		font-size: 0.9em;
		color : yellow;
		font-weight: bold;
		text-decoration: none;
	}
	
	.Ebanking_Intranet a:hover 
	{
		color : white;
		text-decoration: yes;
	}
	
	
	/*        Mise en forme du corps de la page     */
	
	 #menu1, #centenu_page, #menu2
	{
		display: inline-block;
		vertical-align: top;
		text-align: justify;
	}
	
	#menu1
	{
		-position: relative;
		width: 160px;
		 
		-box-shadow: 0px 2px 5px #1c1a19;
		border-radius: 5px;
		-border: 1px solid green;
		-border-left: 2px solid green;
		padding-right : 10px;
		-font-weight: bold;
		font-size: 0.9em;
		margin-left  :20px;
		-background-color : #F5F5F5;  
                box-sizing: border-box;
	}
	
	#centenu_page
	{
		width: 700px;  /*  Rappel largeur Bloc page : width: 950px; */
		-height : 777px;
		margin-right: 10px;
		margin-left: 30px;	
		background-color : #ffffFF; 
		padding : 5px;
		-border: 1px solid green;
	}
/*	
	-#menu2
	{
		position: relative;
		width: 25px;
	    
		background-color: yellow; #09afaf;    #706b64; 
		background: url('images/fond_vert/mm.jpg'); 
		background-image: url("pictures/yg3.jpg");
		-box-shadow: 0px 2px 5px #1c1a19;
		border-radius: 5px;
		-padding: 10px;
		-border-left: 2px solid yellow;
		-border-right: 1px solid yellow;
		color: red;
		font-size: 0.9em;
		-background-color : #F5F5F5; 
		-background-image : url("pictures/blue.png");	
		-background-image : url("pictures/gris_123.png");
	}*/
	
	
	-article p
	{
		font-size: 0.9em;
	}
	
		
/*	123.menu1_menuprinscipal
	{
		1position: relative;
		width: 185px;
		background-color: black;
		box-shadow: 0px 2px 5px #1c1a19;
		border-radius: 5px;
		padding: 5px;
		-color: red;
		color: #760001;
		font-weight: bold;
		margin-left :0px;
		margin-right :5px;
		background-image: url("pictures/yg3.jpg");
	}*/
	
	.liens_menu1
	{
	   border-radius: 8px;
	   width: 170px;
	   color: white;
	   height : 30px;
	   font-size: 1.0em;
	   -font-weight: bold;
	   background-color: green;
	   text-align : center;
	   padding-top : 6px;
	   margin : auto;
	   margin-bottom :11px;
	}
	.c1
	{
	    color: yellow;
	}
	
	.liens_menu1 a:hover
	{
	   color: white;
	   -font-size: 1em;
	   -font-weight: bold;
	   border-bottom: 2px solid #760001;
	}
	
	.visa_moneygram_iso
	{
	  box-shadow: 0px 2px 5px #1c1a19;
	  border : 5px, solid, red;
	  width : 70%;
	  margin :auto;
	  margin-top : 30px;
	  text-align : center;
	  background-color : #ffffFF;
	}
	
	
	span
	{
	   color: #760001;
	   color: green;
	   font-family: Georgia;
	   font-size : 0.7em;
	}
	

	 .centenu_page p
	{
		font-size: 2.0em;
		font-family: " BallparkWeiner"; 
		font-weight: normal;
		padding-left : 15px;
		
	}
	

	
	/* Début partie Footer de la page  ***************************************************************************************************************/ 

	footer
	{
		-background: url('../pictures/separateur.png') repeat-x top;
		padding-top: 7px;
		/*1border: 1px solid green;*/
	}
	
	.sous_footer
	{
		width : 100%;
		height : 15px;
		background-color :green;
		background: url('../pictures/vert1.png');
		border: 1px solid green;
		margin : auto;
		color : yellow;
	}
	
	.Menu_footer a:hover
	{
				
		-background: #fff; /* ... et au contraire, le fond en blanc */
		-color: #760001;
		border-bottom: 1px solid yellow;	
	}
	
	footer p
	{
		font-size: 0.9em;
	}	
	
	p a
	{
		text-decoration: none;
		-color: white;
	}
	
	#copyright
	{
		background:  url('../pictures/sp1.jpg') no-repeat top center;
		padding-top: 7px;
	}
	
	
	/**********************************************************************************************************************************/
	/**********************************************************************************************************************************/
	
	.justifier_texte
	{
	  text-align: justify;
	  font-family: " Arial";
	  font-size : 1.03em;
	}
	
	
	/*  page Mot du PDG */ 
	.mot_potho_pdg
	{   
	    border: 1px solid   ;
		border-left: 1px solid  ;
		border-right: 1px solid  ;
		box-shadow: 0px 0px 2px  ;
		width  :240px;
		height : 178px; 
		margin : auto;
		background-color :white;
		text-align : center;	
	}	
	
	/* Page Historique */ 
	
	.tab_actions
	{
		border-collapse: collapse;
	}
	
	
   .ac0 th
	{
		height : 40px;
		padding : 3px;
		font-weight: bold;
		color : #EFD242;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #009900;
		border-left : 1px solid white;
		border-bottom : 1px solid white;
		padding : 2px;
		padding-left : 10px;
	}
	
	.ac1
	{
		width : 350px;
		height : 30px;
		padding : 3px;
		-font-weight: bold;
		-color : green;	
		-font-family: Georgia;
	    font-size: 0.9em;
		background-color : #F0FFF0;
		-border-top : 1px solid green;
		border-bottom : 1px solid green;
		padding : 2px;
		padding-left : 10px;
	}
	
	.ac2
	{
		width : 70px;
		height : 30px;
		padding : 3px;
		-font-weight: bold;
		-color : white;	
		-font-family: Georgia;
	    font-size: 0.9em;
		background-color : #F0FFF0;
		border-left : 1px solid white;
		-border-right : 1px solid green;
		border-bottom : 1px solid green;
		padding : 2px;
		padding-left : 25px;
		-text-align : left;
	}
	
	
	.ac1ar
	{
		width : 350px;
		height : 30px;
		padding : 3px;
		-font-weight: bold;
		-color : green;	
		-font-family: Georgia;
	    font-size: 0.9em;
		background-color : #F0FFF0;
		-border-top : 1px solid green;
		border-bottom : 1px solid green;
		border-left : 1px solid white;
		padding : 2px;
		padding-left : 10px;
		padding-right : 15px;
		text-align : right;
	}
	 /*  Page Chiffres clés   */
	 	 
	 .table_chiff_cles
	{
		border-collapse: collapse;
	}
	
	 .sans_bordures_chiff_cles
	 {
			border: none;
    }
	
	.table_chiff_cles td, th 
	{	
		border: 1.5px solid #F5F5F5;
		padding : 4px;
	}
	
	.mf1_cc/* Mettre une bordure sur les td ET les th */
	{
		width : 150px;
		font-size : 0.95em;
		font-weight: bold;
		color : green;	
		background-color : #F0FFF0;
	}
	
	.mf11_cc/* Mettre une bordure sur les td ET les th */
	{
		width : 150px;
		font-size : 0.95em;
		font-weight: bold;
		color : green;	
	}
	
	.mf2_cc /* Mettre une bordure sur les td ET les th */
	{
		width : 95px;
		text-align : center;
		font-size : 0.9em;
		background-color : #F0FFF0;
	}
	
	.mf3_cc /* Mettre une bordure sur les td ET les th */
	{
		width : 95px;
		text-align : center;
		font-size : 0.9em;
	}
	
	.table_chiff_cles th
	{
		color : green;
	}
	
	
	/*   Page organigramme   */ 
	
	/*  Page Capital et Actions */ 
	
	/*   Page @ Agences */ 
	
	.adr_agence
	{
	   border-radius: 8px;
	   width: 50%;
	   -height : 30px;
	   color: white;
	   font-size: 1.0em;
	   -font-weight: bold;
	   background-color: #9ACD32; /* #9ACD32;  #008B8B*/
	   text-align : left;
	   padding: 8px;
	   padding-left: 18px;
	   margin-left : 50px;;
	}
	
	.adr_agence_a
	{
	   border-radius: 8px;
	   width: 50%;
	   -height : 30px;
	   color: white;
	   font-size: 1.0em;
	   -font-weight: bold;
	   background-color: #9ACD32; /* #9ACD32;  #008B8B*/
	   text-align : right;
	   padding: 8px;
	   padding-left: 18px;
	   margin-left : 50px;;
	}
	
	/*  Page Opérations */ 
	.operation
	{
	   border-radius: 8px;
	   -width: 50%;
	   -height : 30px;
	   -color: #046380;
	   font-size: 1em;
	   -font-weight: bold;
	   background-color:  #E5ED74; /*#7FC6BC; /* #EDF7F2; /* #EFD242;  #9ACD32;  #008B8B     #F0FFF0;*/
	   -background-color : #F5F5DC; 
	   -font-family: Georgia;
	   -text-align : justify;
	   padding: 15px;
	   padding-left: 28px;
	   margin-left : 50px;
	 }
	 
	 
	 /* Pages CPPs, Cartes de Crédit & Cartes de Débit */ 
	 
	.cartebancaire
	{   
		  width : 95%;
		  box-shadow: 0px 0px 4px #9ACD32;
		  border : 0px solid green;
		  -border-left : 2px solid green;
		  -background-color: #008B8B; /* #9ACD32;  #008B8B*/
		  border-radius: 8px;
		  -border-right: 2px solid green;
		  -border-bottom: 2px solid green;
		  font-family: Georgia;
	      font-size: 1.0em;
		  -color: white;
		  padding: 10px;
		  margin :auto;
		  margin-top : 50px;
		  text-align : center;
	}
	
	.texte_carte
	{
		border-radius: 8px;
	    -width: 60%;
	   -height : 30px;
	   -color: white;
	   font-family: "Myriad Pro";
	   font-size: 0.9em;
	   -font-weight: bold;
	   -background-color: #9ACD32; 
	   -background-color : #F5F5DC; 
	   box-shadow: 0px 0px 4px #9ACD32;
	   border : 0px solid green;
	   text-align : left;
	   padding: 15px;
	   padding-left: 28px;
	   margin: auto;
	}
	
	.tit_card
	{   
		  width : 440px;
		  box-shadow: 0px 2px 5px green;
		  -border : 2px solid green;
		  -border-left : 2px solid green;
		  background-color: #EFD242; /*#EFD242; #9ACD32;  #008B8B*/
		  border-radius: 8px;
		  -border-right: 2px solid green;
		  -border-bottom: 2px solid green;
		  font-family: Georgia;
	      font-size: 1.0em;
		  font-weight: bold;
		  color: green;
		  padding: 10px;
		  margin :auto;
		  margin-top : 50px;
		  text-align : center;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*  Pages Devenir client --- Particulier &  Entreprises */
	
	
	.be_client
	{   
		  width : 80%;
		  box-shadow: 0px 2px 5px green;
		  -border : 2px solid green;
		  -border-left : 2px solid green;
		  background-color: #008B8B; /* #9ACD32;  #008B8B*/
		  border-radius: 8px;
		  -border-right: 2px solid green;
		  -border-bottom: 2px solid green;
		  font-family: Georgia;
	      font-size: 1.0em;
		  color: white;
		  padding: 10px;
		  margin :auto;
		  margin-top : 50px;
		  text-align : center;
	}
	
    
	
	.table_dev_cl
	{
		border-collapse: collapse;
	}
	
	.mf1_part
	{
		-width : 150px;
		font-size : 0.9em;
		height : 30px;
		padding : 3px;
		-font-weight: bold;
		-color : green;	
		font-family: Georgia;
	    font-size: 0.8em;
		background-color : #F0FFF0;
		border-bottom : 1px solid green;
	}
	
	.mf2_part 
	{
		-width : 150px;
		height : 30px;
		font-size : 0.8em;
		-font-weight: bold;
		-color : green;	
		font-family: Georgia;
	    font-size: 0.8em;
		background-color : #abcdef;
		-border-right : 1px solid green;
	}
	
    .aze1
	{   
		  box-shadow: 0px 2px 2px #1c1a19;
		  border-right : 1px solid green;
		  border-left : 1px solid green;
		  border-top : 1px solid green;
		  -background-color: #9ACD32; /* #9ACD32;  #008B8B*/
		  border-radius: 5px;
		  -border-right: 2px solid green;
		  -border-bottom: 2px solid green;
		  -font-family: Georgia;
	      -font-size: 1.1em;
		  -color: white;
		  padding: 20px;
		  -width : 50%;
		  margin :auto;
		  margin-top : 50px;
		  -text-align : center;
	}

    /*  Page corespondants  */ 
/* 
    
	.table_corresp
	{
		border-collapse: collapse;
	}

	.cr0 td
	{
		height : 40px;
		padding : 3px;
		font-weight: bold;
		color : #760001;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #009900;
		border-left : 1px solid white;
		border-bottom : 1px solid white;
		padding : 2px;
		padding-left : 10px;
	}
	
	.cr1
	{
		width : 240px;
		font-size : 0.9em;
		height : 30px;
		padding : 3px;
		font-weight: bold;
		-color : green;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #F0FFF0;
		-border-top : 1px solid green;
		border-bottom : 1px solid green;
		padding : 2px;
		padding-left : 10px;
	}
	
	.cr2
	{
		width : 105px;
		font-size : 0.9em;
		height : 30px;
		padding : 3px;
		-font-weight: bold;
		-color : white;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #F0FFF0;
		-border-left : 1px solid white;
		-border-right : 1px solid green;
		border-bottom : 1px solid green;
		padding : 2px;
		padding-left : 7px;
	} */
	
		.table_corresp
	{
		border-collapse: collapse;
		/*//width : 95%;*/
	}

	.cr0 td
	{
		height : 30px;
		padding : 3px;
		font-weight: bold;
		color : #760001;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #EFD242; /* #009900; */
		border-left : 1px solid white;
		border-bottom : 1px solid white;
		padding : 2px;
		padding-left : 10px;
	}
	
	.cr1
	{
		width : 280px;
		font-size : 0.9em;
		height : 30px;
		padding : 3px;
		font-weight: bold;
		-color : green;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #F0FFF0;
		-border-top : 1px solid green;
		border-bottom : 1px solid green;
		padding : 2px;
		padding-left : 10px;
	}
	
	.cr2
	{
		width : 95px;
		font-size : 0.9em;
		height : 30px;
		padding : 3px;
		-font-weight: bold;
		-color : white;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #F0FFF0;
		-border-left : 1px solid white;
		-border-right : 1px solid green;
		border-bottom : 1px solid green;
		padding : 2px;
		padding-left : 10px;
	}
	
	.cr3
	{
		width : 105px;
		font-size : 0.9em;
		height : 15px;
		padding : 3px;
		-font-weight: bold;
		-color : white;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : white;
		-border-left : 1px solid white;
		-border-right : 1px solid green;
		border-bottom : 1px solid green;
		padding : 2px;
		padding-left : 7px;
	}
	
	
	
	
	
	
	
	/*  Fin page correspondants  */ 
	
	
	/*   Nos Tarifs */ 
	
	.tab_tarif
	{
		border-collapse: collapse;
	}
    .tit_tar
	{
	   border-radius: 8px;
	   width: 380px;
	   color: green;
	   height : 30px;
	   font-size: 1.0em;
	   font-weight: bold;
	   background-color: #EFD242;
	   -background: url('pictures/v.png');
	   text-align : center;
	   padding-top : 6px;
	   margin : auto;
	   margin-bottom :11px;
	}

	
	.tab_tar
	{
		width : 333px;
		font-size : 0.9em;
		height : 40px;
		padding : 3px;
		-font-weight: bold;
		color : green;	
		-font-family: Georgia;
	    font-size: 1em;
		-background-color : #F0FFF0;
		-border-left : 1px solid white;
		-border-right : 1px solid green;
		border-bottom : 2px solid #EFD242;
		padding : 2px;
		padding-left : 7px;
		text-align : right;
	}
	
	.tab_tar a
	{
		-font-weight: bold;
		color : green;	
		font-family: Georgia;
	    font-size: 0.9em;
	}
	
	.tab_tar a:hover
	{
	   color: #760001;
	   -font-size: 1em;
	   -font-weight: bold;
	   border-bottom: 1px solid #760001;
	}
	
	
	.hliens:hover /* -OK-  Lorsque la souris passe sur un des liens */   
	{
			-background: yellow; /* ... et au contraire, le fond en blanc */
			-color: white;
		    border-bottom: 1px solid #760001;
			-font-size: 0.5em;
			-background-color : green;
	}
	
	/*  Page GABs BAMIS */ 
	
	
	.gabnom
	{
		width : 160px;
		height : 44px;
		padding : 3px;
		-font-weight: bold;
		-color : green;	
		-font-family: Georgia;
	    font-size: 0.8em;
		-background-color : #F0FFF0;
		border-left : 2px solid #F0FFF0;
		-border-right : 1px solid green;
		border-bottom : 2px solid green;
		padding : 2px;
		padding-left : 17px;
		text-align : justify;
	}
	.gabad
	{
		width : 333px;
		height : 44px;
		padding : 3px;
		-font-weight: bold;
		-color : green;	
		-font-family: Georgia;
	    font-size: 0.8em;
		-background-color : #F0FFF0;
		border-left : 2px solid #F0FFF0;
		-border-right : 1px solid green;
		border-bottom : 2px solid green;
		padding : 2px;
		padding-left : 17px;
		text-align : justify;
	}
	
	.adgab0  td
	{
	    height : 40px;
		padding : 3px;
		font-weight: bold;
		color : #760001;	
		-font-family: Georgia;
	    font-size: 0.8em;
		background-color : #EFD242; /* #009900;*/
		border-left : 1px solid white;
		border-bottom : 1px solid white;
		padding : 2px;
		padding-left : 10px;	
		text-align : center;
	}
	
  /************************************************************************************************************************************/
	
  /******    Codes Formulaires contact                                ****/ 
	
	/* === Remove input autofocus webkit === */
*:focus {outline: none;}

/* === Form Typography ===
 body {font: 14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
*/

.contact_form h2, .contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification {font-size: 11px;}

/* === List Styles === */
.contact_form ul {
    -width:750px;
	width:550px;
	border-radius: 5px;
    list-style-type:none;
	list-style-position:outside;
	margin:auto;
	padding:25px;
	border:1px solid #eee;
}
.contact_form li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 
.contact_form li:first-child, .contact_form li:last-child {
	-border-bottom:1px solid #777;
}

/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}

/* === Form Elements === */
.contact_form label {
	-width:150px;
	width:140px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:20px;}

	/* form element visual styles */
	.contact_form input, .contact_form textarea { 
		border:1px solid #aaa;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}

/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {
	background: #fff url(images/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	
/* === Button Style === */
button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
}

/**** Fin Formulaire contact   ************/
/**********************************************************************************************************************************************/




	
	/*  page Mot du PDG */ 
	.img_article
	{   
	    border: 1px solid   ;
		border-left: 1px solid  ;
		border-right: 1px solid  ;
		box-shadow: 0px 0px 2px  ;
		/*--width  :240px;*/
		height : 178px; 
		margin : auto;
		background-color :white;
		text-align : left;
		
		
		box-shadow: 0px 2px 5px #1c1a19;
	    border : 5px, solid, red;
	    width : 40%;
	    margin :auto;
	    margin-top : 30px;
	    text-align : center;
	    background-color : #ffffFF;	  	
		
	}
	.imageflottante
	{
	   float: left;
	   margin-right  : 20px;
	   margin-bottom : 15px;
	   box-shadow: 0px 2px 10px #1c1a19;
	   border-radius: 1px 1px 1px 1px;
	}