/* <--- BALISES COMMUNES */

* {
	margin:0;
	padding: 0;
	
	}
	
body {
	font-family:verdana, serif;
	font-size:x-small;
	background-color:#B5D7E5;
	color:#5E585A;
}



#bouton a, bouton a:link, bouton a:visited  {
background-image:url(bouton_contact_off.jpg);
background-repeat:no-repeat;
height:25px;
text-align:center;
padding-left:20px;
padding-right:5px;
padding-top:4px;
padding-bottom:4px;
background-position:center;
color:#FFFFFF;
text-align:justify;
}

#bouton a:hover {
background-image:url(bouton_contact_on.jpg);

color:#84DEFF;

}


#bouton_de a, bouton_de a:link, bouton_de a:visited  {
background-image:url(bouton_contact_off_de.jpg);
background-repeat:no-repeat;
height:25px;
text-align:center;
padding-left:0px;
padding-right:20px;
padding-top:4px;
padding-bottom:4px;
background-position:center;
color:#FFFFFF;
text-align:justify;
}

#bouton_de a:hover {
background-image:url(bouton_contact_on_de.jpg);
color:#84DEFF;
}


hr {
	color:#997B83;
	background-color:#997B83;
	clear:both;	
	height:1px;
	display:block;
	border:0;
	
}

h1 {
	font-size:13px;	
	margin-bottom:10px;
}
h2 {
	font-size:12px;	
	margin:10px 0;
}
h3 {
	font-size:12px;	
	margin:10px 0;
}
h4 {
	font-size:14px;	
	margin:5px 0;
}
h5 {
	font-size:13px;	
	margin:5px 0;
}
h6 {
	font-size:12px;	
	margin:3px 0;
}

li {
	list-style:none;
	
}



a, a:link, a:visited {
	color:#7E5F65;	
	text-decoration:none;
}

a:hover {
	/*color:#7F95A2*/
	color:#84DEFF;
}


label {
	width:150px;	
	float:left;
	display:block;
}

textarea {
	height:100px;
	width:200px;
}

/* ---> */

/* <--- LAYOUT */

#all {
	width:750px;
	margin:10px auto;	
}

#page {
	border:1px solid #ffffff;
	background-color:#997B83;

}

#gauche {
	width:140px;	
	float:left;
}

#droite {
	width:578px;
	float:right;
}

#texte {
	background-color:#ffffff;	
}	

#texte_lien {
	background-color:#997B83;	
}	

#texte_lien p{
	font-style:bold;	
}	

#footer{
	clear:both;
	text-align:center;
}	


/* ---> */

/* <--- LANGUES */

#langues {
	text-align:right;	
} 

#langues h2{
	display:none;	
} 

#langues li {
	list-style:none;
	display:inline;

}

a img
{
  border:1px solid #ffffff;;
}


/* ---> */

/* <--- MENU */

#menu ul{
	display:none;	
}

/* ---> */

/* <--- GAUCHE (logo, retraités et contact)  */

#flashLogo {
	margin:15px 0 18px 10px;
}	

#espaceRetraite, #contact, #help {
	width:109px;
	
}

#espaceRetraite {
	height:90px;
	font-size:x-small;	
}

#help {
	height:115px;
	font-size:x-small;	
}

#contact p{
	display:block;
	background-image:url(carte_rose.jpg);
	background-repeat:no-repeat;	
	margin-top:10px;
	width:109px;
	padding-top:90px;
	font-size:x-small;
	font-weight:bold;

}

#contact a{
	color:#FFFFFF;
}

#contact a:hover{
	color:#84DEFF;
}

.li_contact {
	text-align:left;
	background-image:none !important;
}

.li_contact a{
	background-image:url(contact0.gif);	
	background-repeat:no-repeat;
	background-position:0 4px;	
	
	padding-left:18px;
	
	font-weight:bold;

	border:0px solid black;
}

.li_contact a:hover{
	background-image:url(contact0_on.gif);
	}


#help p{
	background-image:url(Calque_1.jpg);	
	width:110px;
	height:22px;
	background-repeat:no-repeat;
	text-align:center;
	margin-left:0px;
}

#contact p a span{
	display:none;
}


/* ---> */

/* <--- CONTENU  */

#texte {
	background-color:#ffffff;
	padding:12px;
	margin-top:-2px;
}

#texte_lien {
	background-color:#BC9296;
	padding:12px;
	margin-top:-2px;
	}

#texte_lien h1, h2{
	color:#FFFFFF;
}

#texte h1, #texte h2, #texte .sstitre {
	color:#74BED9;
	font-size:14px;
	font-style:bold;
	
	/*correction du bizare-bug IE6 pc !!*/
	position:relative;
	left:0px;	

}	
#texte h2 {
	color:#997B83;
}

#texte p, #texte cite{
	margin-bottom:5px;
}

#texte dd cite{
	margin-left:20px;
	
}

#texte dl * {
	margin:5px 0;
}
#texte dl dt {
	font-weight:bold;
}

#extraitTemoignage, #extraitPresse {
	margin-top:12px;
	width:262px;	
	float:left;
}

#extraitTemoignage{
	margin-right:13px;	
}

#index #texte ul li {
	float:left;
	width:250px;
	height:40px;
	margin-right:10px;

}

#index #texte_savoir ul li {
	width:545px;
	height:0px;
	margin-right:0px;
	margin-top:-25px;
}

/* ---> */




/* <--- BLOCS BLEUS et ROSE (extraitPresse, extraitTemoignage, retraite et agence) */

/*bleus+*/
#extraitPresse, #extraitTemoignage, #espaceRetraite, #contact, #help {
	background-color:#E1F3FF;
	background-image:url(ombre_bleu.jpg);
	background-repeat:repeat-y;
	padding:10px;

}


#extraitTemoignage h2, #extraitPresse h2, #espaceRetraite h2, #contact h2, #help h2{
	
	font-size:10px;

    text-align:center;
	color:#ffffff;
	
	height:18px;
	padding-top:3px;
			
	margin:-10px;
	margin-bottom:5px;
	
	background-image:url(titre_bleu.jpg); /*282*21*/
	background-repeat:no-repeat;
}



#envoi_lien {
	font-size:x-small;

	margin-bottom:5px;
	margin-top:5px;
	background-color:#BC9296;
	background-image:url(titre_rose_lien.jpg);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:2px;
	padding-left:3px;
	
	
}



#envoi_lien a{
	color:#FFFFFF;
}

#envoi_lien a:hover{
	color:#84DEFF;
	background-image:url(titre_rose_lien_on.jpg);
	background-repeat:no-repeat;
}


/*rose*/
#contact {
	background-color:#BC9296;
	background-image:url(ombre_rose.jpg);	
}


#contact h2{
	background-image:url(titre_rose.jpg);
}



#extraitPresse, #extraitTemoignage {
		
	margin-top:0px;
	padding-right:0px;	
	/*\*/
	margin-top:10px;
	padding-right:10px;		
	/**/	
}


/* ---> */




/* <--- MARGES et PADDINGS */

#menu, #gauche{
	margin-top:12px;
}

#page {
	padding-right:12px;
	/*padding-bottom:12px;*/
}



#espaceRetraite, #contact, #help, #envoi_lien{
	margin-left:12px;
	
}
 
#contact, #envoi_lien {
	margin-top:12px;
}


/* ---> */


/* <--- LISTES */

#contenu li {
	background-image:url(puce_blanc.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	
	padding-left:9px;	
	margin-bottom:5px;
}

#gauche li{
	background-image:url(puce_blanc.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	
	padding-left:0px;
	padding-bottom:10px;	
	margin-bottom:5px;
}

#gauche li {
	background-image:url(puce_bleu.jpg);
}

/* ---> */

/* <--- EN SAVOIR PLUS */

.li_retraite {
	text-align:left;
	background-image:none !important;
}

.li_retraite a{
	background-image:url(savoir_plus_bleu_off.jpg);	
	background-repeat:no-repeat;
	background-position:0 4px;	
	
	padding-left:18px;
	
	font-weight:bold;

	border:0px solid black;
}

.li_retraite a:hover{
	background-image:url(savoir_plus_bleu_on.jpg);
	}

.more {
	text-align:right;
	background-image:none !important;
}

.more a{
	background-image:url(savoir_plus_bleu_off.jpg);	
	background-repeat:no-repeat;
	background-position:0 4px;	
	
	padding-left:18px;
	
	font-weight:bold;

	border:0px solid black;
}

.more a:hover{
	background-image:url(savoir_plus_bleu_on.jpg);
	}

#texte .more a{
	background-image:url(savoir_plus_blanc_off.jpg);	
	
}

#texte .more a:hover{
	background-image:url(savoir_plus_blanc_on.jpg);	
	
}

/* ---> */

/* ******************** PAGES ******************** */

/* <--- INDEX */

#index #texte {
	height:175px;
	
}

#extraitPresse, #extraitTemoignage {
	height:130px;	
}


#contact  {
	height:198px;	
}

/* ---> */

/* <--- TARIFS */



#tabloInter1{
float:left;
margin-right:20px;
}	

#tva {
	clear:left;	
}

tr, td, th {
	border:1px solid #997B83;	
	padding:5px;
	}

#FormRetraite tr, #FormRetraite td, #FormRetraite th {
border:1px solid #997B83;	

}


tr.head, th {
	border:1px solid white;	
	border-bottom:1px solid #997B83;	
}

table {
	margin-bottom:10px;
	border-collapse:collapse;
}

#tabloInter2 th{
visibility:hidden;

}	

.duree {
	width:150px;	
}
.tarif {
	width:50px;	
}

/* ---> */


/* <--- CONTACTS */
#carteFlash {
	margin-top:10px;
	padding-top:10px;
	height:570px;
	width:550px;
	overflow:hidden;
	border:1px;
	}
#carteFlash.noAgence {
	border:0;	
}

#info, #error {
	font-weight:bold;
	color:red;
	font-size:x-large;

}	

#error {
	color:red;
}



/* ---> */




/* <--- TESTS */




#page {
	padding-bottom:12Px;
}


.clearMan {
	clear:both;
	height:0px;
	overflow:hidden;
}


/* ---> */