*
{	
	outline:none;/*pas de cadre autour des liens*/
	text-decoration : none; /*pas de soulignement pour les liens */			
}

/*div qui annule le float*/
div#clear
{
	clear:left;
}

/*div qui annule le float*/
div.clear
{
	clear:left;
}

body
{		
	background:#A4A6A9;
}

/*attribut de notre cadre principal*/
div#page
{	
	width:950px; 	
	margin: 0 auto 0 auto;
	background:url('../images/fleur.jpg') #FFFFFF no-repeat center center;	
	/*border:#CCCCCC 1px solid;	*/
}

/*********
* ENTETE *
**********/

/*attribut du 1er entete avec le colibri*/
div#page div#header
{
	width:950px;	
	height:145px;		
}

div#header0
{
	width:950px;	
	height:15px;		
	margin-top:5px;
	background:#A4A6A9;
	font-family:Arial;
	font-size:10px;
	text-align:center;
	color:#FFFFFF;		
}

/*1er cadre où on aura le logo comparatif-banque*/
div#header1
{
	width:649px;	
	height:102px;	
	position:absolute;	
	background: #FFFFFF url('../images/header1.jpg') no-repeat;
}

/*1er cadre où on aura la suite du cadre gris du C de compratif banque*/
div#header2
{
	width:649px;	
	height:28px;	
	background: url('../images/header2.jpg') no-repeat;	
	position:absolute;
	margin-top:102px;	
}

/*1er cadre où on aura la suite du cadre gris du C de compratif banque*/
div#header3
{
	width:700px;	
	height:20px;	
	position:absolute;
	margin-top:90px;
	margin-left:170px;
	color:#646464;
	font-size:11px;
	font-style:italic;
	font-family:Arial;
	line-height:14px;
}

/*1er cadre où on aura la suite du cadre gris du C de compratif banque*/
div#header4
{
	width:301px;	
	height:130px;	
	background: url('../images/header4.jpg') no-repeat;	
	position:absolute;	
	margin-left:649px;
}

/*attribut de l'entete avec la barre de menu*/
div#page div#header_menu
{
	width:932px;
	height:40px;
	background:url('../images/barre_navigation_bleu2.jpg') no-repeat ;
	margin-top:5px ;
	margin-left:10px ;
}

/**************************************
* PROPRIETE DE LA BARRE DE NAVIGATION *
**************************************/
			
ul#menuh
{			
	width:950px;
	height:20px;
	padding-top:15px;
	margin:10px 0 0 30px;
	list-style-type:none; /*pas de puces pour les listes*/ 			
}

ul#menuh li
{			
	float:left;	
}

ul#menuh a
{	
	height:16px;
	display:block;	
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
}

ul#menuh li#item1 a
{
	width:55px;		
}

ul#menuh li#item1 a:hover
{
	color:#000000;
}

ul#menuh li#item2 a
{
	width:130px;		
	margin-left:25px;		
}

ul#menuh li#item2 a:hover
{	
	color:#000000;
}

ul#menuh li#item3 a
{
	width:100px;
	margin-left:25px;				
}

ul#menuh li#item3 a:hover
{	
	color:#000000;
}

ul#menuh li#item4 a
{
	width:160px;		
	margin-left:25px;		
}

ul#menuh li#item4 a:hover
{	
	color:#000000;
}

ul#menuh li#item5 a
{
	width:165px;
	margin-left:25px;	
}

ul#menuh li#item5 a:hover
{	
	color:#000000;
}

ul#menuh li#item6 a
{
	width:165px;
	margin-left:25px;		
}

ul#menuh li#item6 a:hover
{	
	color:#000000;
}

div#texte_actu a
{		
	display:block;		
}

/********************
* CENTRE DE LA PAGE *
*********************/

/*attribut de notre wrapper : on lui definit une longueur de  100% par rapport au cadre dans laquelle elle est*/
div#wrapper
{
	float:left; 
	width:100%;		
}

/*attribut de la partie centrale du cadre*/
div#center
{			
	width:780px;	
	min-height:580px;
	max-height:4000px;
	margin:10px 150px 10px 0;		
}

/*******************
* PARTIE DE DROITE *
*******************/

/*attribut de la partie droite du cadre */
div#page div#right
{	
	width:150px;
	height:450px;
	float:left; 
	margin-left:-150px;		
}

/*attribut du logo situé à droite de la page*/
div#right div#logo
{
	width:136px;
	height:120px;
	margin:25px auto -10px auto;
	padding:5px;
	font-family:Arial;	
	font-size:10px;
	font-weight:bold;
	line-height:14px;	
	color:#646464;
}

/*attribut du cadre de droite avecle titre ICI BANQUES*/
div#paragraphe_liens_utiles
{
	background:#232827;
	width:116px;
	height:30px;
	font-family:Arial;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	line-height:15px;
	margin:0 auto 0 auto;
	text-align:center;	
}

/*attribut des liens utiles sur la droite de la page*/
div#right div#liens_utiles
{
	width:136px;
	height:236px;
	background:url('../images/cadre_gris_droite.jpg');
	margin:40px auto 0 auto;	
	font-family:Arial;	
	font-size:10px;	
	line-height:15px;	
}


/*attribut du cadre de droite avecle titre LIENS UTILES*/
div#paragraphe_liens_utiles2
{
	background:#232827;
	/*background:#853E97;*/
	width:116px;
	height:10px;
	font-family:Arial;	
	font-size:12px;
	font-weight:bold;
	/*color:#EB4B19;*/
	color:#FFFFFF;
	padding:10px;
	line-height:15px;
	margin:-10px auto 0 auto;	
	text-align:center;	
}

/* attributs de la liste des liens utiles */
ul#liste_lien_utiles
{
	width:120px;
	height:205px;	
	padding:5px;
	font-family:Arial;	
	font-size:10px;	
	line-height:15px;
}

/************************************************
*propriété des liens dans le cadre liens utiles *
*************************************************/
/*couleur des liens dans le menu de droite*/
ul#liste_lien_utiles li.liste_lien_utiles_a a:link
{
	color:#646464;	
}

/*couleur des liens dans le menu de droite*/
ul#liste_lien_utiles li.liste_lien_utiles_a a:visited
{
	color:#646464;	
}

/*couleur des liens dans le menu de droite lorsqu'on passe sur ces liens*/
ul#liste_lien_utiles li.liste_lien_utiles_a a:hover,a:active
{

	color:#000000;
}

/*couleur des liens dans le menu de droite*/
ul#liste_lien_utiles li.liste_lien_utiles_a2 a:link
{	
	color:#231F7D;
}

/*couleur des liens dans le menu de droite*/
ul#liste_lien_utiles li.liste_lien_utiles_a2 a:visited
{	
	color:#231F7D;
}

/*couleur des liens dans le menu de droite lorsqu'on passe sur ces liens*/
ul#liste_lien_utiles li.liste_lien_utiles_a2 a:hover,a:active
{

	color:#000000;
}


/*attribut du cadre EN PARLER A VOS AMIS*/
div.paragraphe_liens_utiles3
{
	background:#232827;
	width:116px;
	height:10px;
	font-family:Arial;	
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	line-height:17px;
	margin:10px auto 0 auto;	
	text-align:center;
}

div.paragraphe_liens_utiles3 a:link
{
	color:#FFFFFF;
}

div.paragraphe_liens_utiles3 a:visited
{
	color:#FFFFFF;
}

div#paragraphe_liens_utiles4
{
	background:#232827;
	width:120px;
	height:10px;
	font-family:Arial;	
	font-size:12px;
	font-weight:bold;	
	text-align:center;
	color:#FFFFFF;
	line-height:15px;
	margin:10px auto 0 auto;	
	padding:8px;
	text-align:center;
}

div#paragraphe_liens_utiles5
{	
	width:136px;
	height:60px;
	background-color:#9A9B9F;
	font-family:Arial;	
	font-size:11px;
	font-weight:bold;	
	text-align:center;
	color:#FFFFFF;
	line-height:16px;
	margin:0px auto 0 auto;	
	text-align:center;
}

div#paragraphe_liens_utiles4 a:link
{
	color:#FFFFFF;
}

div#paragraphe_liens_utiles4 a:visited
{
	color:#FFFFFF;
}

div#paragraphe_liens_utiles5 a:link
{
	color:#FFFFFF;
}

div#paragraphe_liens_utiles5 a:visited
{
	color:#FFFFFF;
}

/*attribut du cadre dans lequel on a les liens suivant et précédant*/
div#precedant_suivant
{
	width:770px;
	height:20px;
	margin:10px 0 0 10px;
	/*border:#CCCCCC 1px solid;*/
	font-family:Arial;
	font-size:12.5px;
	color:#231F7D;
}

/***********************************************
*propriété des liens de l'arborescence du site *
*************************************************/

/*attribut du cadre où on a l'arborescence du site*/
div#chemin
{
	width:980px;
	height:20px;
	margin:10px 0 0 15px;
	/*border:#CCCCCC 1px solid;*/
	font-family:Arial;
	font-size:10.5px;
	color:#231F7D;
}

div#chemin a:link
{
	color:#231F7D;
}

div#chemin a:visited
{
	color:#231F7D;
}

div#chemin a:hover
{
	color:#31B9EB;
}

div#chemin a:active
{
	color:#31B9EB;
}

/*******************************************
* propriété des liens précédant et suivant *
*******************************************/

div#precedant_suivant a:link
{
	color:#231F7D;
}

div#precedant_suivant a:visited
{
	color:#231F7D;
}

div#precedant_suivant a:hover
{
	color:#31B9EB;
}

div#precedant_suivant a:active
{
	color:#31B9EB;
}

/***************
* PIED DE PAGE *
****************/

/*attribut du pied de page du cadre*/
div#footer
{	
	width:950px;
	height:137px;
	background:url('../images/footer.png');
	margin-top:10px;
	font-family:arial;
	font-size:10px;
	text-align:center;	
}


/*attribut du cadre du pied de page où on a "qui sommes nous ? |mention légales" ...*/
div#haut_footer
{
	width:inherit;
	height:60px;	
	margin:10px auto;
	color:#000000;
}

div#haut_footer a:link
{
	color:#646464;
}

div#haut_footer a:visited
{
	color:#646464;
}

div#haut_footer a:hover
{
	color:#231F7D;
}

div#haut_footer a:active
{
	color:#231F7D;
}

div#bas_footer a:link
{
	color:#000000;
}

div#bas_footer a:visited
{
	color:#000000;
}

div#bas_footer a:hover
{
	color:#231F7D;
}

div#bas_footer a:active
{
	color:#231F7D;
}

/**********************************************
* PROPRIETE DES ELEMENTS DE LA PAGE D'ACCUEIL *
***********************************************/

/************************************************************************************ 
propriété du grand cadre dans lequel on aura tout les éléments de la page d'accueil *
*************************************************************************************/
div#page_accueil1
{
	width:780px;
	height:1370px;		
}

div#center div#titre_accueil
{
	width:750px;
	height:20px;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;	
	font-size:16.5px;
	font-weight:bold;
	color:#231F7D;
	line-height:15px;		
}

div#cadre_page_accueil
{
	width:770px;
	height:610px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
	line-height:15px;
}

div#photo_accueil
{
	width:490px;
	height:330px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 			
}

div#texte_page_accueil
{
	width:225px;
	height:235px;
	float:left ;
	margin:10px 10px 0 5px;
	padding:5px; 
	font-family:Arial;		
	text-align:left;
	font-size:13px;
	color:#646464;
	line-height:17px;		
}

div#texte_page_accueil2
{
	width:730px;
	height:190px;
	float:left ;
	margin:0 10px 5px 10px;
	padding:5px; 
	font-family:Arial;	
	text-align:left;
	font-size:12.5px;
	color:#646464;
	line-height:17px;		
}

div#texte_page_accueil a:link
{
	color:#231F7D;
}

div#texte_page_accueil a:visited
{
	color:#231F7D;
}

div#texte_page_accueil a:hover
{
	color:#31B9EB;
}

div#texte_page_accueil a:active
{
	color:#31B9EB;
}

div#texte_page_accueil2 a:link
{
	color:#231F7D;
}

div#texte_page_accueil2 a:visited
{
	color:#231F7D;
}

div#texte_page_accueil2 a:hover
{
	color:#31B9EB;
}

div#texte_page_accueil2 a:active
{
	color:#31B9EB;
}

/*cadre où il y a le texte conseil*/
div#center div#texte_conseil
{
	width:760px;
	height:20px;
	position:absolute;
	margin:20px 10px 0 10px;
	padding:5px;
	border-bottom:#31b9eb 1px solid;	
	font-family:Arial;	
	font-size:16px;
	font-weight:bold;
	color:#000000;
	line-height:15px;
}

/* cadre où il y a les infos pour choisir sa banque */
div#center div#choisir_banque
{
	width:600px;
	height:130px;
	background:url('../images/cadre_blanc2.jpg') no-repeat;
	position:absolute;
	float:left;
	margin:60px 5px 0 5px;
	padding:5px;	
	/*border:#CCCCCC 1px solid;	*/
	font-family:Arial;	
	font-size:12.5px;
	color:#646464;
	line-height:15px;
}

div#titre_choisir_sa_banque
{
	width:380px;
	height:20px;
	background:#31b9eb;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
	padding-top:3px;
}

/*propriété de la liste dans le cadre choisir sa banque*/
ul.liste_choisir_banque
{
	width:370px;
	list-style-image: url('../images/logo_colibri_bleu.png') ;
	margin:3px 0 0 2px;	
	line-height:15px;
	list-style-position: inside;	
}

/*cadre où il y  les infos pour changer de banques*/
div#center div#changer_banque
{
	width:400px;
	height:120px;
	background:url('../images/cadre_blanc3.jpg') no-repeat ;
	position:absolute;
	float:left;
	margin:60px 10px 0 460px;	
	padding:5px;	
	/*border:#CCCCCC 1px solid;	*/
	font-family:Arial;	
	font-size:12.5px;
	color:#646464;
	line-height:15px;
}

/*titre du cadre choisir de banque*/
div#titre_changer_banque
{
	width:310px;
	height:20px;
	background:#31b9eb;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
	padding-top:3px;
}

/*propriété de la liste dans le cadre changer sa banque*/
ul.liste_changer_banque
{
	width:280px;
	list-style-image: url('../images/logo_colibri_bleu.png') ;
	margin:3px 0 0 20px;	
	line-height:13px;	
}

li.liste_choisir_banque a:link
{
	color:#646464;	
}

li.liste_choisir_banque a:visited
{
	color:#646464;	
}

li.liste_choisir_banque a:hover,a:active
{
	color:#231F7D;
}

/*cadre où il y a le titre actualités*/
div#center div#titre_actu
{
	width:760px;
	height:20px;
	position:absolute;
	margin:200px 10px 0 10px;
	padding:5px;
	border-bottom:#31b9eb 1px solid;	
	font-family:Arial;	
	font-size:16px;
	font-weight:bold;
	color:#000000;	
	line-height:15px;
	background: url('../images/icone_rss.png') no-repeat left;
}

/*cadre où il y aura les actus*/
div#center div#actu
{
	width:740px;
	height:220px;	
	border:#CCCCCC 1px solid;	
	position:absolute;
	margin:250px 10px 0 10px;
	padding:15px;
	border:#CCCCCC 1px solid;
	font-family:Arial;	
	font-size:12.5px;
	color:#646464;
	line-height:15px;	
}

div#actu div#texte_actu
{
	width:450px;
	height:225px;
	position:absolute;	
}

div#titre_actu a:link
{
	color:#000000;
}

div#titre_actu a:visited
{
	color:#000000;
}

div#titre_actu a:hover
{
	color:#231F7D;
}

div#titre_actu a:active
{
	color:#231F7D;
}

#texte_actu a:link,a:visited
{
	color:#646464 ;
}

/*cadre où il y aura la photo pour les actus*/
div#actu div#photo_actu
{
	width:250px;
	height:225px;
	position:absolute;
	margin-left:500px;		
}

/*cadre où il y a le titre docuementation pratique */
div#center div#texte_resource
{
	width:760px;
	height:20px;
	position:absolute;
	margin:520px 10px 0 10px;
	padding:5px;
	border-bottom:#31b9eb 1px solid;	
	font-family:Arial;	
	font-size:16px;
	font-weight:bold;
	color:#000000;	
	line-height:15px;
}

div#texte_resource a:link,a:visited
{
	color:#000000;
}

div#texte_resource a:hover,a:active
{
	color:#231F7D;
}


/*cadre où il y aura les 2 tableau avec les mii-guides*/
div#center div#resource
{
	width:750px;
	height:140px;
	position:absolute;
	margin:580px 10px 0 10px;	
	padding:15px;
	font-family:Arial;	
	font-size:12.5px;
	color:#646464;
	line-height:15px;	
}

div#cadre_ressource_1
{
	width:375px;
	height:500px;
	background:#FFFFFF;	
	float:left;
	font-family:Arial;	
	font-size:12.5px;	
	line-height:15px;	
	color:#646464;	
	/*border:1px solid black;*/
}

div#titre_cadre_ressource_1
{
	background:#232827;
	width:355px;
	height:10px;
	font-family:Arial;	
	font-size:12px;
	font-weight:bold;
	/*color:#EB4B19;*/
	color:#FFFFFF;
	margin:570px 10px 0 10px;
	padding:10px;
	line-height:15px;	
}

div#texte_ressource_1
{
	width:355px;
	height:100px;
	position:absolute;
	margin-top:12px;	
	margin-bottom:12px;
	line-height:17px;	
}

div#cadre_ressource_2
{
	width:375px;
	height:140px;
	background:#FFFFFF;
	margin-left:20px;
	float:left;
	font-family:Arial;	
	font-size:12.5px;	
	line-height:15px;	
	color:#646464;		
}

div#titre_cadre_ressource_2
{
	background:#232827;
	width:355px;
	height:10px;
	font-family:Arial;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:570px 10px 0 10px;
	padding:10px;
	line-height:15px;	
}

div#texte_ressource_2
{
	width:380px;
	height:100px;
	margin-top:12px;	
	line-height:17px;		
}

/****************************************************************
* propriété des liens dans les cadres documentations pratiques  *
*****************************************************************/

div#cadre_ressource_1 a:link
{
	color:#646464;	
}

div#cadre_ressource_1 a:visited
{
	color:#646464;	
}

div#cadre_ressource_1 a:hover,a:active
{
	color:#231F7D;	
}

div#cadre_ressource_2 a:link
{
	color:#646464;	
}

div#cadre_ressource_2 a:visited
{
	color:#646464;	
}

div#cadre_ressource_2 a:hover,a:active
{
	color:#231F7D;	
}

/*cadre source "les clés de la banque" ...*/
div#source
{
	width:770px;
	height:15px;
	position:absolute;
	margin-left:10px;
	margin-top:700px;
	color:#646464;
	font-family:Arial;
	font-size:10px;			
}

div#source a:link
{
	color:#646464;	
}

div#source a:visited
{
	color:#646464;	
}

div#source a:hover,a:active
{
	color:#231F7D;	
}

/*****************************************
* PROPRIETE DE LA PAGE CHOISIR-SA-BANQUE *
*****************************************/

/*********************
*propriété des cadres*
**********************/	
#menuh li a
{
	display:block;
}

ul#menuv li.item1
{
	width:770px;
	height:90px;	
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

ul#menuv li.item1 a:link
{
	color:#646464 ;
}

ul#menuv li.item1 a:visited
{
	color:#646464;
}

#menuv li a:hover
{	
	width:770px;
	height:90px;	
	background-image:url('../images/cadre_gris.jpg') ;	
}

ul#menuv li.item1 a:active
{	
	width:750px;
	height:60px;	
	background:url('../images/cadre_gris.png') ;
}



#menuv li.item2
{
	width:770px;
	height:60px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

#menuv li.item2 a:link
{
	color:#646464 ;
}

#menuv li.item2 a:visited
{
	color:#646464;
}

#menuv li.item2 a:hover,a:active
{	
	width:770px;
	height:60px;	
	background:url('../images/cadre_gris.png') ;
}

#menuv li.item3
{
	width:770px;
	height:105px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

#menuv li.item3 a:link
{
	color:#646464
}

#menuv li.item3 a:visited
{
	color:#646464
}

#menuv li.item3 a:hover,a:active
{	
	width:770px;
	height:105px;	
	background:url('../images/cadre_gris.png') ;
}

#menuv li.item4
{
	width:770px;
	height:95px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

#menuv li.item4 a:link
{
	color:#646464
}

#menuv li.item4 a:visited
{
	color:#646464
}

#menuv li.item4 a:hover,a:active
{	
	width:770px;
	height:95px;	
	background:url('../images/cadre_gris.png') ;
}

#menuv li.item5
{
	width:770px;
	height:100px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

#menuv li.item5 a:link
{
	color:#646464
}

#menuv li.item5 a:visited
{
	color:#646464
}

#menuv li.item5 a:hover,a:active
{	
	width:770px;
	height:100px;	
	background:url('../images/cadre_gris.png') ;
}

/* propriété du titre en orange sur la page choisir_banque.php*/
p#titre_choisir_banque1
{	
	width:770px;
	height:20px;
	font-family:Arial;	
	font-size:15px;
	font-weight:bold;
	color:#000000;
	margin:0 10px 0 10px;
	border-bottom:#EB4B19 1px solid;	
}

/* propriété du titre en orange sur la page choisir_banque1.php*/
p#titre2_choisir_banque1
{	
	font-size:13px;
	font-family:Arial;	
	font-weight:bold;
	color:#231F7D;		
}

span.titre3_choisir_banque1
{	
	font-size:12px;
	font-family:Arial;	
	font-weight:bold;
	color:#000000;
	float:left;
	padding:5px 10px 0 10px;	
}

span.texte_cadre_gris
{
	float:left;
	padding:5px 10px 5px 10px;	
}

div.cadre_accueil2
{
	width:740px;
	/*min-height:450px;*/
	margin:5px 0 0 10px;
	padding:15px;
	font-family:Arial;	
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;	
	border:#CCCCCC 1px solid;
}

/*lien dans les cadres des pages changer_banque1.php, changer_banque2.php, ...*/
div.cadre_accueil2 a:link,a:visited
{
	color:#231F7D;
}

/*lien dans les cadres des pages changer_banque1.php, changer_banque2.php, ...*/
div.cadre_accueil2 a:hover,a:active
{
	color:#000000;;
}

/*****************************************
* PROPRIETE DE LA PAGE CHOISIR-SA-BANQUE *
*****************************************/
/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_choisir_sa_banque
{
	width:770px;
	height:285px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_choisir_sa_banque
{
	width:230px;
	height:250px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_choisir_sa_banque
{
	width:450px;
	height:150px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;			
}

/*liste dans la page comparatif-banque*/
ul#liste_choisir_sa_banque
{
	line-height:17px;	
	padding-top:12px;	
	list-style-image: url('../images/logo_colibri_puce2.png') ;
	padding-left:25px;
	list-style-position:outside;
}

/*******************************
* PROPRIETE DE LA PAGE MARCHE *
*******************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_marche
{
	width:770px;
	height:300px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_marche
{
	width:350px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadre avec le texte à droite de la photo*/
div#center div#texte_accueil_marche
{
	width:350px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;				
}

/*************************************************
* PROPRIETE DE LA PAGE CHANGER-DE-BANQUES-ETAPES *
**************************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_changer_banque
{
	width:770px;
	height:565px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_changer_banque
{
	width:220px;
	height:310px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 	
}

/*cadre avec le texte à droite de la photo*/
div#center div#texte_changer_banque
{
	width:450px;
	height:310px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:19px;			
}

/*****************************************
* PROPRIETE DE LA PAGE COMPARATIF-BANQUE *
******************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_offres_jeunes
{
	width:770px;
	height:305px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_offres_jeunes
{
	width:410px;
	height:250px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_offres_jeunes
{
	width:290px;
	height:150px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;			
}

/*liste dans la page comparatif-banque*/
ul.liste_comparatif-banque
{
	line-height:19px;	
	padding-top:12px;	
	list-style-image: url('../images/logo_colibri_bleu.png') ;
	padding-left:25px;
	list-style-position:outside;
}

/*liste dans la page d'accueil cadre A savoir*/
ul.liste_accueil
{
	line-height:17px;	
	list-style-image: url('../images/logo_colibri_noir.png') ;
	padding-left:30px;
	list-style-position:outside;
}

/*liste dans la page d'accueil cadre mini-guide*/
ul#liste_accueil2
{
	line-height:17px;	
	list-style-image: url('../images/logo_colibri_noir.png') ;
	padding-left:15px;
	list-style-position:outside;
}

/*********************************************
* PROPRIETE DE LA PAGE BANQUE TRADITIONNELLE *
**********************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_banque_traditionnelle
{
	width:770px;
	height:370px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_traditionnelle
{
	width:393px;
	height:277px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadre avec le texte à droite de la photo*/
div#texte_accueil_traditionnelle
{
	width:300px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:19px;				
}

/***************************************
* PROPRIETE DE LA PAGE BANQUE EN LIGNE *
****************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_banque_enligne
{
	width:770px;
	height:350px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_enligne
{
	width:393px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadre avec le texte à droite de la photo*/
div#texte_accueil_enligne
{
	width:300px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;				
}

/********************************************
* PROPRIETE DE LA PAGE CHANGEMENT-DE-BANQUE *
*********************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_changement_de_banque
{
	width:770px;
	height:400px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_changement_de_banque
{
	width:450px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#texte_accueil_changement_de_banque
{
	width:250px;
	height:220px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:12.5px;
	color:#646464;
	line-height:17px;					
}

/*liste dans la page comparatif-banque*/
ul#liste_changement_de_banque
{
	line-height:17px;	
	padding-top:12px;	
	list-style-image: url('../images/logo_colibri_puce2.png') ;
	padding-left:25px;
	list-style-position:outside;
}

/*cadre pour les mentions légales*/
div#mention_legale
{
	width:650px;
	height:1300px;
	float:left;
	margin:10px 10px 0 10px;	
	padding:2px; 
	font-family:Arial;	
	font-size:12.5px;
	color:#646464;
	line-height:15px;
	text-align:justify;
}
/*cadre pour le plan du site*/
div#cadre_accueil_plan_site
{
	width:750px;
	height:440px;
	margin-left:10px;
	padding:10px;
	font-family:Arial;
	font-size:12.5px;
	color:#646464 ;
	line-height:15px;	
	border:#CCCCCC 1px solid;	
}

/*cadre pour le plan du site*/
div#cadre_accueil_plan_site1
{
	width:300px;
	height:400px;
	margin-left:10px;
	padding:10px;
	font-family:Arial;
	font-size:12.5px;
	color:#646464 ;
	line-height:15px;		
	float:left;
}

div#cadre_accueil_plan_site2
{
	width:300px;
	height:400px;
	margin-left:10px;
	padding:10px;
	font-family:Arial;
	font-size:12.5px;
	color:#646464 ;
	line-height:15px;	
	float:left;
}

div#cadre_accueil_plan_site a:link
{
	color:#646464;	
}

div#cadre_accueil_plan_site a:visited
{
	color:#646464;	
}

div#cadre_accueil_plan_site a:hover
{
	color:#312D85;	
}

div#cadre_accueil_plan_site a:active
{
	color:#312D85;	
}

div#lexique
{
	width:720px;
	height:1220px;
	float:left;
	margin:10px 10px 0 10px;	
	padding:15px; 
	font-family:Arial;	
	font-size:12.5px;
	color:#646464;
	line-height:15px;
	text-align:justify;
	border:#CCCCCC 1px solid;
}

/*******************************
* PROPRIETE DE LA PAGE PACKAGE *
********************************/
/**************************************
* PROPRIETE DE LA PAGE CHOISIR BANQUE *
**************************************/

/************************************************* 
*propriété des cadre de la page choisir-banques  *
**************************************************/
ul#menuv
{			
	width:760px;			
	list-style-type:none; 
} 

ul#menuv a
{
	display:block; /*on met des lignes dans la balise <a> qui à la base est une balise ligne*/
}

ul#menuv li#item1_package
{
	width:760px;
	height:95px;	
	border:#CCCCCC 1px solid;	
	float:left;
	margin:5px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;	
}

ul#menuv li#item1_package a:link
{
	color:#646464 ;
}

ul#menuv li#item1_package a:visited
{
	color:#646464;
}

li#item1_package a:hover,a:active
{	
	width:760px;
	height:95px;	
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item2_package
{
	width:760px;
	height:85px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

ul#menuv li#item2_package a:link
{
	color:#646464 ;
}

ul#menuv li#item2_package a:visited
{
	color:#646464;
}

ul#menuv li#item2_package a:hover,a:active
{	
	width:760px;
	height:85px;	
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item3_package
{
	width:760px;
	height:90px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

ul#menuv li#item3_package a:link
{
	color:#646464
}

ul#menuv li#item3_package a:visited
{
	color:#646464
}

ul#menuv li#item3_package a:hover,a:active
{	
	width:760px;
	height:90px;	
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item4_package
{
	width:760px;
	height:60px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

ul#menuv li#item4_package a:link
{
	color:#646464
}

ul#menuv li#item4_package a:visited
{
	color:#646464
}

ul#menuv li#item4_package a:hover,a:active
{	
	width:760px;
	height:60px;
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item5_package
{
	width:760px;
	height:70px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

ul#menuv li#item5_package a:link
{
	color:#646464
}

ul#menuv li#item5_package a:visited
{
	color:#646464
}

ul#menuv li#item5_package a:hover,a:active
{	
	width:760px;
	height:70px;	
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item6_package
{
	width:760px;
	height:70px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		 
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;
}

ul#menuv li#item6_package a:link
{
	color:#646464
}

ul#menuv li#item6_package a:visited
{
	color:#646464
}

ul#menuv li#item6_package a:hover,a:active
{	
	width:760px;
	height:70px;	
	background:url('../images/cadre_gris.png') ;
}

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_package
{
	width:770px;
	height:340px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_package
{
	width:393px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_package
{
	width:300px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;				
}

/************************************
* PROPRIETE DE LA PAGE PERMIS1EUROS *
************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_permis
{
	width:770px;
	height:380px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_permis
{
	width:285px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_permis
{
	width:380px;
	height:200px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;			
}

/***********************************
* PROPRIETE DE LA PAGE LIVET JEUNE *
************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_livret_jeune
{
	width:770px;
	height:370px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_livret_jeune
{
	width:290px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_livret_jeune
{
	width:400px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;			
}

/****************************************
* PROPRIETE DE LA PAGE CAUTION LOGEMENT *
****************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_caution_logement
{
	width:770px;
	height:360px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_caution_logement
{
	width:380px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 	
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_caution_logement
{
	width:320px;
	height:200px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;					
}

/*****************************
* PROPRIETE DE LA PAGE PRETS *
******************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_prets
{
	width:770px;
	height:340px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_prets
{
	width:260px;
	height:300px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_prets
{
	width:400px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;				
}

/**********************************
* PROPRIETE DE LA PAGE PRETS-ETAT *
***********************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_pret_etudiant_etat
{
	width:770px;
	height:360px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_pret_etudiant_etat
{
	width:380px;
	height:300px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_pret_etudiant_etat
{
	width:320px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;				
}

/*******************************
*¨PROPRIETE DE LA PAGE CONTACT *
********************************/

.tableau_formulaire
{
	width:300px;	
	font-family:Arial; 
	font-size:12.5px; 
	text-align:center;
	padding:2px; 
	border-collapse:collapse;	
}

.tableau_formulaire td.colonne1 
{	
	height:20px;
	width:260px;	
	text-align:left;
}

.tableau_formulaire td.colonne2
{	
	width:5px;	
	text-align:center;
}

.tableau_formulaire td.colonne3 
{	
	width:35px;	
}

div#cadre_contact
{
	width:750px;
	height:550px;	
	float:left ;
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;	
	text-align:justify;
	font-size:12.5px;
	color:#646464;
	line-height:17px;		
	border:#CCCCCC 1px solid;	
}

/*****************************************
* PROPRIETE DE LA PAGE COMPARATIF-BANQUE *
******************************************/

div#banque_traditionnelle
{
	width:770px;
	height:565px;
	margin-left:10px;
	border:#CCCCCC 1px solid;	
}

div#photo_accueil_banque_traditionnelle
{
	width:400px;
	height:280px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 		
}

div#center div#texte_accueil_banque_traditionnelle
{
	width:300px;
	height:220px;
	float:left ;
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;	
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:19px;					
}

div#texte_accueil_banque_traditionnelle a:link
{
	color:#231F7D;
}

div#texte_accueil_banque_traditionnelle a:visited
{
	color:#231F7D;
}

div#texte_accueil_banque_traditionnelle a:hover
{
	color:#31B9EB;
}

div#texte_accueil_banque_traditionnelle a:active
{
	color:#31B9EB;
}

/******************************************************
*propriété du tableau sur la page comparatif banque*
******************************************************/
table.banque_traditionnelle
{
	width:690px;
	font-family:Arial;
	font-size:12.5px;
	color:#646464;
	line-height:17px;
	text-align:left;	
	margin : 0 auto;	
	border: outset 0.3px #31b9eb; /* bordure externe du tableau */
}

table.banque_traditionnelle td,th{
	vertical-align: middle;
	padding-left:10px;
	/*border:1px solid black;*/
}

table.banque_traditionnelle th{
	vertical-align: middle;
	padding-left:10px;
	background-color:#B9C6C4;
	color:#000000;
	/*border:1px solid black;*/
}


tr#credit_patate
{
	height:80px;	
}

tr#caisse_epargne
{
	height:70px;	
}

tr#ligne_boursorama
{
	height:100px;
}

tr#ligne_fortuneo
{
	height:100px;
}

tr#ligne_axabanque
{
	height:100px;
}

tr#credit_mutuel
{
	height:100px;
}

tr#banque_populaire
{
	height:90px;
}

tr#bnp
{
	height:110px;
}

tr#lcl
{
	height:120px;
}

table.banque_traditionnelle th#col1
{
	width:100px;
	height:40px;	
	text-align:center;
}

th.col2
{
	width:180px;		
	height:40px;
	text-align:center;
}

th.col3
{
	width:140px;
	height:40px;
	text-align:center;
}

th.col4
{
	width:90px;	
	height:40px;
	text-align:center;
}

th.col5
{
	width:80px;	
	height:40px;
	text-align:center;
}

td.titre1_tableau
{
	background-color:#31B9EB;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	height:30px;
}

td.col1
{
	width:100px;
	height:70px;
	text-align:left;
	font-weight:bold;
	background-color:#646464;
	color:#FFFFFF;
}

td.col2
{
	width:180px;		
	height:70px;
	text-align:left;		
}

td.col3
{
	width:150px;	
	height:70px;
	text-align:left;	
}

td.col4
{
	width:90px;		
	height:70px;
	text-align:left;	
}

td.col5
{
	width:80px;
	height:70px;
	text-align:center;
	vertical-align: middle;		
}

/*****************************
* PROPRIETE DE LA PAGE IMPOT *
******************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_impots
{
	width:770px;
	height:380px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_impots
{
	width:393px;
	height:277;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_impots
{
	width:300px;
	height:180px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;				
}

div#cadre_accueil_impots a:link
{
	color:#231F7D;
}

div#cadre_accueil_impots a:visited
{
	color:#231F7D;
}

div#cadre_accueil_impots a:hover
{
	color:#31B9EB;
}

div#cadre_accueil_impots a:active
{
	color:#31B9EB;
}

/****************************************
* PROPRIETE DE LA PAGE OUVRIR-COMPTE *
*****************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_ouvrir_compte
{
	width:770px;
	height:565px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_ouvrir_compte
{
	width:340px;
	height:360px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 	
}

/*cadre avec le texte à droite de la photo*/
div#center div#texte_ouvrir_compte
{
	width:370px;
	height:400px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:12.5px;
	color:#646464;
	line-height:19px;					
}

/****************************************
* PROPRIETE DE LA PAGE OUVRIR-COMPTE *
*****************************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_droit_compte
{
	width:770px;
	height:320px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_droit_compte
{
	width:330px;
	height:250px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 	
}

/*cadre avec le texte à droite de la photo*/
div#center div#texte_droit_compte
{
	width:382px;
	height:250px;	
	float:left ;	
	margin:10px 10px 0 5px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:19px;	
}


/***************************************
* PROPRIETE DE LA PAGE INFOS PRATIQUES *
****************************************/
/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_doc_pratique
{
	width:770px;
	height:285px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_doc_pratique
{
	width:230px;
	height:250px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_doc_pratique
{
	width:450px;
	height:150px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:12.5px;
	color:#646464;
	line-height:19px;			
}

/************************************************* 
*propriété des cadre de la page info-pratique  *
**************************************************/
ul#menuv
{			
	width:760px;			
	list-style-type:none; 
} 

ul#menuv a
{
	display:block; /*on met des lignes dans la balise <a> qui à la base est une balise ligne*/
}

ul#menuv li#item1_info_pratique
{
	width:770px;
	height:75px;	
	border:#CCCCCC 1px solid;	
	float:left;
	margin:5px 10px 0 10px;	
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;	
}

ul#menuv li#item1_info_pratique a:link
{
	color:#646464 ;
}

ul#menuv li#item1_info_pratique a:visited
{
	color:#646464;
}

ul#menuv li#item1_info_pratique a:hover,a:active
{	
	width:770px;
	height:75px;	
	background:url('../images/cadre_gris.png') ;
}



ul#menuv li#item2_info_pratique
{
	width:770px;
	height:85px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;	
}

ul#menuv li#item2_info_pratique a:link
{
	color:#646464 ;
}

ul#menuv li#item2_info_pratique a:visited
{
	color:#646464;
}

ul#menuv li#item2_info_pratique a:hover,a:active
{	
	width:770px;
	height:85px;	
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item3_info_pratique
{
	width:770px;
	height:75px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;	
}

ul#menuv li#item3_info_pratique a:link
{
	color:#646464
}

ul#menuv li#item3_info_pratique a:visited
{
	color:#646464
}

ul#menuv li#item3_info_pratique a:hover,a:active
{	
	width:770px;
	height:75px;	
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item4_info_pratique
{
	width:770px;
	height:55px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;	
}

ul#menuv li#item4_info_pratique a:link
{
	color:#646464
}

ul#menuv li#item4_info_pratique a:visited
{
	color:#646464
}

ul#menuv li#item4_info_pratique a:hover,a:active
{	
	width:770px;
	height:55px;
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item5_info_pratique
{
	width:770px;
	height:65px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;		
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;	
}

ul#menuv li#item5_info_pratique a:link
{
	color:#646464
}

ul#menuv li#item5_info_pratique a:visited
{
	color:#646464
}

ul#menuv li#item5_info_pratique a:hover,a:active
{	
	width:770px;
	height:65px;
	background:url('../images/cadre_gris.png') ;
}

ul#menuv li#item6_info_pratique
{
	width:770px;
	height:65px;
	border:#CCCCCC 1px solid;	
	float:left;
	margin:10px 10px 0 10px;	
	font-family:Arial;	
	font-size:12px;
	color:#646464;
	line-height:19px;	
}

ul#menuv li#item6_info_pratique a:link
{
	color:#646464
}

ul#menuv li#item6_info_pratique a:visited
{
	color:#646464
}

ul#menuv li#item6_info_pratique a:hover,a:active
{	
	width:770px;
	height:65px;
	background:url('../images/cadre_gris.png') ;
}

/*********************************************
* PROPRIETE DE LA PAGE INFO-PRATIQUE-EPARGNE *
*********************************************/
/*******************************
* PROPRIETE DE LA PAGE LEXIQUE *
*******************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_lexique
{
	width:770px;
	height:210px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_lexique
{
	width:160px;
	height:160px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_lexique
{
	width:500px;
	height:160px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:13px;
	color:#646464;
	line-height:20px;				
}

/*******************************
* PROPRIETE DE LA PAGE EPARGNE *
*******************************/

/*cadre qui va contenir la photo et le texte à droite de la photo*/
div#cadre_accueil_epargne
{
	width:770px;
	height:320px;
	margin-left:10px;
	border:#CCCCCC 1px solid;
}

/*cadre contenant la photo*/
div#photo_accueil_epargne
{
	width:210px;
	height:290px;
	float:left;
	margin:10px 10px 0 10px;
	padding:5px; 
	/*border:1px solid black;*/
}

/*cadreavec le texte à droite de la photo*/
div#center div#texte_accueil_epargne
{
	width:450px;
	height:290px;	
	float:left ;	
	margin:10px 10px 0 10px;
	padding:5px; 
	font-family:Arial;		
	text-align:justify;
	font-size:12.5px;
	color:#646464;
	line-height:19px;				
}

div#cadre_epargne
{
	width:770px;
	height:1050px;
	margin-left:10px;
	font-family:Arial;
	font-size:12.5px;
	color:#646464 ;
	line-height:15px;
	border:#CCCCCC 1px solid;
}

/* propriété du tableau sur la page choisir_banque4.php*/
table.tableau_cadre_epargne
{
	width:760px;
	font-family:Arial;
	font-size:11.7px;
	color:#646464;
	line-height:17px;
	text-align:left;	
	margin: 0 5px 0 5px;  
	border: outset 0.3px #D4D9D9; 	
}


table.tableau_cadre_epargne td,th{
	vertical-align: middle;
	padding-left:5px;
	text-align:center;
	/*border:0.2px solid #D4D9D9;*/
	height:55px;
}

table.tableau_cadre_epargne th
{
	font-family:Arial;
	font-size:11.7px;	
	background-color:#777AD5;
	color:#FFFFFF;
	text-align:center;
}


table.tableau_cadre_epargne th.col_titre1_epargne
{
	width:40px;
	/*height:70px;*/	
	text-align:center;
	font-weight:bolder;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre2_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	font-weight:bold;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre3_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	font-weight:bold;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre4_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre5_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre6_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	font-weight:bold;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre7_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	font-weight:bold;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre8_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre9_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	font-weight:bold;
	background-color:#231F7D;
	color:#FFFFFF;
}

table.tableau_cadre_epargne th#col_titre10_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:center;
	font-weight:bold;
	background-color:#231F7D;
	color:#FFFFFF;
}


table.tableau_cadre_epargne td#col1_epargne
{
	width:40px;
	/*height:70px;*/
	text-align:left;
}

table.tableau_cadre_epargne td#col2_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;	
}

table.tableau_cadre_epargne td#col3_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
}

table.tableau_cadre_epargne td#col4_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
}

table.tableau_cadre_epargne td#col5_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
	vertical-align: middle;	
}

table.tableau_cadre_epargne td#col6_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
	vertical-align: middle;	
}
table.tableau_cadre_epargne td#col7_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
	vertical-align: middle;	
}

table.tableau_cadre_epargne td#col8_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
	vertical-align: middle;	
}

table.tableau_cadre_epargne td#col9_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
	vertical-align: middle;	
}

table.tableau_cadre_epargne td#col10_epargne
{
	width:180px;
	/*height:70px;*/
	text-align:left;
	vertical-align: middle;	
}

a:link,a:visited,
{
	color:#646464;
}

/******************
* PAGE PARTENAIRE *
*******************/

/*cadre pour la page partenaires*/
div#partenaires
{
	width:750px;
	height:500px;
	float:left;
	margin:10px 10px 0 10px;	
	padding:2px; 
	font-family:Arial;	
	font-size:12.5px;
	color:#646464;
	line-height:15px;
	text-align:justify;
	border:0.3px solid #D4D9D9;
}

table#tableau_partenaire
{
	width:720px;	
	border: outset 0.3px solid #D4D9D9;
	/*margin:10px auto 0 auto;*/
	margin-left:15px;
}

table#tableau_partenaire td#titre_tableau_partenaire
{
	background:#231F7D;
	height:20px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	/*border:1px solid black;*/
	vertical-align:middle;
	text-align:center;
}

table#tableau_partenaire td.col1
{
	width:220px;
	height:50px;
	color:#000000;
	font-weight:bold;
	/*border:1px solid black;*/
	vertical-align:middle;
	text-align:center;
	background:#FFFFFF;
}

table#tableau_partenaire td.col2
{	
	width:500px;
	height:60px;
	color:#000000;
	/*border:1px solid black;*/
	vertical-align:middle;
	text-align:center;	
}

table#tableau_partenaire td#col2
{
	color:#000000;
}

div.bouton_questionnaire
{
	width:250px;
	height:250px;
	margin:0 auto;
}

div.bouton_questionnaire2
{
	width:250px;
	height:50px;
	margin:5px auto;
}

div.bouton_questionnaire3
{
	width:250px;
	height:50px;
	margin:15px auto;
}