@charset "utf-8";

body 
{
font: 0.75em arial, sans-serif;
color: #000;
background-color: white; 
text-align:center;
} 

a:link
{
text-decoration: none; 
color:black;
}

a:visited
{
text-decoration: none; 
color:black;
}

a:hover
{
text-decoration: underline; 
color:black;
}


h1 
{ 
vertical-align:middle; 
display: inline; 
margin-left:25px;
color: #0072B8; 
font-size:1.7em; 
font-weight:bold; 
}

#container
{
text-align:left;
margin-left:auto;
margin-right:auto;
width: 978px;
background-color:#FFFFFF;
}

#header 
{ 
height:auto; 
}

/* Espace mieux connaître l'Assurance Retraite*/

#mieux-connaitre
{
float:left;
width:216px;
margin: 0;
padding: 0;
}

#mieux-connaitre ul.liste1
{
margin-top:10px;
margin-bottom:0px;
}

#mieux-connaitre .rapport
{
font-weight:normal;
}

#mieux-connaitre .mieux-connaitre-contenu
{ 
height:auto;
padding-top:7px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
margin-bottom:0px;
border:1px solid #C0C0C0;
}

#mieux-connaitre h2
{
margin-top:0px;
margin-bottom:18px;
/*padding-bottom:-10px;*/
color:#0071B7;
font-family:arial, sans-serif;
font-size:1.3em;
font-weight:bold;
}

#mieux-connaitre h2 a:link
{
color:#0071B7;
}

#mieux-connaitre h2 a:visited
{
color:#0071B7;
}

#mieux-connaitre h2 a:hover
{
color:#0071B7;
}

/* Fin de l'espace mieux connaître l'Assurance Retraite */


#container2 
{ 
position:relative; 
z-index:1000; 
margin-top:-8px; 
padding-top:8px; 
margin-left:-7px; 
padding-left:7px; 
background: url(images/bkg-ombre.png) 0px 0px repeat-x; 
width:100%; 
height:auto;
}

/* Espace salariés et retraités */

#salaries-retraites
{
float:left;
width:406px;
margin: 0;
padding: 0;
background:white;
}

#salaries-retraites .salaries-retraites-contenu
{ 
height:auto;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:27px;
border:1px solid #C0C0C0;
}

#salaries-retraites h2.titre1
{
margin-top: -6px;
background: url(images/bkg-entete-salaries-retraites.png);
background-repeat: no-repeat;
margin-left:-10px;
color:#667E17;
font-family:arial, sans-serif;
font-size:1.3em;
font-weight:bold;
padding-left:38px;
padding-top:11px;
padding-bottom:25px;
height:auto;
margin-bottom:0;
}

#salaries-retraites h2 a:link
{
color:#667E17;
}

#salaries-retraites h2 a:visited
{
color:#667E17;
}

#salaries-retraites h2 a:hover
{
color:#667E17;
}

#salaries
{ 
width: 172px;
float:left;
background-color: #F2F4E9; 
margin-top:10px;
padding-left:15px; 
padding-right:0px;
margin-right:10px; 
background-image: url(images/fleche.png);
background-repeat:no-repeat;
background-position:5px 11px;
} 

#salaries h3
{
height:auto;
width: 155px;
color:#64732E; 
font-family:arial, sans-serif;
font-size:1.2em;
font-weight:bold; 
margin-top:-12px;
margin-left:-10px;
padding-left:24px; 
margin-bottom:-6px;
}

#salaries-hautdroit 
{ 
float:right; 
height: 25px; 
width: 25px;
background: url(images/hautdroit.png); 
background-repeat: no-repeat; 
}

#salaries-espace-blanc
{ 
height:26px; 
}

#retraites
{
width: 172px;
float:left;
background-color: #F2F4E9; 
margin-top:10px;
padding-left:15px; 
padding-right:0px;
background-image: url(images/fleche.png);
background-repeat:no-repeat;
background-position:5px 11px;
}

#retraites h3
{
z-index:2000;
height:auto;
padding-top:5px;
margin-left:-8px;
padding-left:24px;
margin-top:8px;
margin-bottom:-6px;
color:#64732E;
font-family:arial, sans-serif;
font-size:1.2em;
font-weight:bold;
width:180px;
}

#retraites-basgauche
{ 
height: 25px; 
width: 25px; 
background: url(images/basgauche.png); 
background-repeat: no-repeat; 
margin-top:5px;
margin-left:-15px
}

#retraites-basdroit 
{ 
float:right; 
} 

#retraites-contenu
{ 
margin-bottom:-22px;
}

#assures-autres-cibles
{
float:left; 
width:230px; 
margin-top:0px;
}

#assures-question-reponses
{
float:left; 
width:149px; 
margin-top:0px;
}

/* Fin de l'espace salariés et retraités */

/* Espace entreprises */

#entreprises
{
float:left;
width:272px;
margin: 0;
padding: 0;
background:white;
}

#entreprises .entreprises-contenu
{ 
height:auto;
padding:10px;
border:1px solid #C0C0C0;
}

#entreprises h2.titre1
{
margin-top: -6px;
background: url(images/bkg-entete-entreprises.png);
background-repeat: no-repeat;
margin-left:-10px;
color:#5C325A;
font-family:arial, sans-serif;
font-size:1.3em;
font-weight:bold;
padding-left:35px;
padding-top:11px;
padding-bottom:25px;
height:auto;
margin-bottom:0;
}

#entreprises h2 a:link
{
color:#5C325A;
}

#entreprises h2 a:visited
{
color:#5C325A;
}

#entreprises h2 a:hover
{
color:#5C325A;
}

#entreprises-services
{
margin-top:0px;
}

/* Fin de l'espace entreprises */

/* Espace partenaires */

#partenaires-as
{
float:left;
width:271px;
margin: 0;
padding: 0px;
background:white;
}

#partenaires-as .partenaires-as-contenu
{ 
height:auto;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:31px;
border:1px solid #C0C0C0;
}

#partenaires-as h2.titre1
{
margin-top: -6px;
background: url(images/bkg-entete-partenaires-as.png);
background-repeat: no-repeat;
margin-left:-10px;
color:#3C7B71;
font-family:arial, sans-serif;
font-size:1.3em;
font-weight:bold;
padding-left:35px;
padding-top:0px;
padding-bottom:15px;
height:auto;
margin-bottom:0;
}

#partenaires-as h2 a:link
{
color:#3C7B71;
}

#partenaires-as h2 a:visited
{
color:#3C7B71;
}

#partenaires-as h2 a:hover
{
color:#3C7B71;
}

#partenaires-services1
{
margin-bottom:0px;
}

#partenaires-services2
{
}

/* Fin de l'espace partenaires */

/* Espace autres-sites */

#autres-sites
{
float:left;
text-align:left;
width:550px;
margin: 0;
padding: 0;
height:45px;
margin-top:5px;
margin-left:0px;
}

#autres-sites .autres-sites-contenu
{ 
width:505px;
padding-top:10px;
padding-left:10px;
border-top:1px solid #90C3E2;
border-left:1px solid #90C3E2;
border-bottom:1px solid #90C3E2;
height: 34px;
margin-right:-3px;
}

#autres-sites h2.titre1
{
float:left;
width:38%;
background: url(images/bkg-entete-autres-sites.png);
background-repeat: no-repeat;
background-position: 0px 0px;
margin-left: -9px;
padding-left: 9px;
margin-top:-10px;
padding-top:10px;
color:#0171BB;
font-family:arial, sans-serif;
font-size:1.3em;
font-weight:bold;
height:46px;
}

.autres-sites-droite
{ 
float:right;
margin-left:-3px;
width:34px;
height: 46px;  
background: url(images/bkg-droite-autres-sites.png);
background-repeat: no-repeat; 
}

/* Fin de l'espace autres-sites */

.hidden 
{
display:none;
}

.logo 
{ 
border:0; 
vertical-align: middle; 
}

.sous-titre 
{ 
position:relative; 
top:-25px; 
font-size:1.1em; 
font-weight:bold; 
color: #767676; 
margin-left: 280px;
}

.background-haut 
{ 
margin-top:-15px;
height: 10px; 
background-image: url(images/bkg-haut.png); 
background-repeat: repeat-x; 
width:974px; 
}

.fil-simple
{
border-bottom:1px solid #E0E0E0;
height:0px;
width: 95%;
margin-top: -5px;
margin-bottom:-5px;
padding:0;
}

.fil-double
{
border-top:1px solid #E0E0E0;
border-bottom:1px solid #E0E0E0;
height:1px;
width: 100%;
margin-top:0;
margin-bottom:0px;
padding:0;
}

ul.liste1
{
margin: 1.5em;
padding:0;
color: black;
font-weight:bold;
font-family: arial, sans-serif;
list-style-type:square;
list-style-image:url(images/puce.png);
}

ul.liste1 li
{
margin-top:.5em;
}

ul.liste2
{
margin: 1.5em;
margin-right:0px;
padding:0;
color: black;
font-weight:normal;
font-family: arial, sans-serif;
list-style-type:square;
list-style-image:url(images/puce.png);
margin-bottom: 0px;
}

ul.liste2 li
{
margin-top:.5em;
}

ul.liste3
{
margin-bottom:-5px;
position:relative;
margin-top:0px;
top:5px;
left:0px;
color: black;
font-weight:normal;
font-family: arial, sans-serif;
list-style-type:square;
}

ul.liste3 li 
{
 margin: 0 25px 0 0;
 padding-left: 25px;
 border-left: 1px solid #D8D8D8;
 display: inline;
 background-image: url(images/puce.png);
 background-repeat: no-repeat;
 background-position: 15px 5px;
}
 
ul.liste3 li.premier
{
 border-left:none;
 margin-right:12px;
}

/* Pour les boites à bord gris arrondi en bas à droite */

.basgauche, .basdroit , .milieu
 { 
padding:0; 
margin-top:-1px; 
height: 27px;  
background-repeat: no-repeat;  
font-size:1px; 
}

.basgauche { width:10px; float:left; background: url(images/bkg-bas-gauche.png); margin-right: -3px;}
.basdroit { width:27px; float:right; background: url(images/bkg-bas-droite.png); margin-left: -3px;} 
.milieu { background: url(images/bkg-milieu.png) ; background-repeat : repeat-x; }

/* Fin des propriétés liées aux boîtes grises à bord arrondi */

.clear1 {clear: both; }
.clear2 {clear: both; margin-top:8px; }
.clear3 {clear: both; margin-bottom:15px; }

.spacer1 { float:left; width:8px; height:203px; background-color:white;}
.spacer2 { float:left; width:10px; height:26em; background-color:transparent;}
.spacer3 { float:left; width:10px; height:100px; background-color:transparent;}
.spacer4
{ 
height:7px;
}

/* Footer */

.footer 
{
margin-top:-5px;
padding-top: 15px !important; /* firefox*/
background: transparent; 
width:982px;
height:35px;
}

.footer p 
{
  margin:0px 20px;
  padding-top:6px;
  padding-bottom:8px;
  font-family: Arial, serif;
  font-size:0.9em;
  color:#fff;
}
.footer .b1, .footer .b2, .footer .b3, .footer .b4 
{
  display:block; 
  overflow:hidden; 
}

.footer .b1
{
  height:1px; 
  margin:0 5px; 
  background:#fff;
}

.footer .b2 
{
  height:1px; 
  margin:0 3px; 
  background:#727171; 
  border-left:2px solid #fff; 
  border-right:2px solid #fff; 
  margin:0 3px; 
  height:1px;
}

.footer .b3 
{
  height:1px; 
  margin:0 2px; 
  background:#727171; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  margin:0 2px;
}

.footer .b4 
{
  height:2px; 
  margin:0 1px; 
  background:#727171; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  margin:0; height:1px; 
  border-width:0 3px 0 3px;
}

.footer .boxcontent {
  display:block; 
  background:#727171; 
  border:0 solid #fff; 
  border-width:0 1px;
  }
  
/* Fin du footer */