body {
background: #F2F2F2 url(img/fond_entete_3.gif) no-repeat top center;
font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
border: 3px solid #CCC;
margin: 0;
padding: 0;
border-bottom: none;
}
img {
border: none;
}
#entete {
width: 900px;
height: 126px;
margin: 0 auto;
padding: 3px 0;
position:relative;
}
#logo{
float: left;
text-decoration:none;
}
#entete a#contact{
display: block;
width: 148px;
margin: 0;
padding: 76px 0 7px 50px;
background: url(img/contact_7.gif) no-repeat left 36px;
float: right;
text-decoration: none;
font: oblique 12px/26px sans-serif;
}
#entete a#contact:hover{
background-position: -200px 36px;
}
#entete p{
float: left;
color: #202080;
margin: 0;
padding: 50px 0 0 61px;
width: 280px;
}
#entete a{
color: #202080;
}
#entete a:hover{
color:#603;
}
#conteneur {
width: 900px;
padding:0;
margin: 0 auto;
position:relative;
background: url(img/fond_accueil.gif) repeat-y left top;
}
#centre {
background: url(img/fond_top_accueil.gif) repeat-x center top;
margin: 0 0 0 180px;
padding: 0;
color: #FFF;
position:relative;
}
#contenu {
padding: 44px 15px 16px 15px;
margin: 0;
width:auto;
}
#contenu a {
text-decoration: underline;
color:#FFF;
}
#contenu p {
margin: 16px 0;
padding:0;
}
#contenu div.imagetxt img {
margin-right: 10px;
margin-bottom: 4px;
float:left;
}
#contenu div.txtimage img {
display: block;
margin-left: 10px;
margin-bottom: 4px;
float:right;
}
#contenu h1 {
color:#DDD;
font-size: 260%;
font-weight: normal;
padding: 30px 0 0 0;
margin:0;
}
#contenu h2 {
color:#EEE;
font-size: 200%;
font-weight: normal;
padding: 24px 0 0 0;
margin:0;
}
#contenu h3 {
font-size: 110%;
font-weight: bold;
margin: 16px 0;
padding:0;
color:#EEE;
}
#contenu h4 {
color:#EEE;
font-size: 100%;
font-weight: bold;
padding: 16px 0 2px 0;
margin:0;
}
#contenu h5 {
font-size: 90%;
font-weight: bold;
padding: 10px 0 0 0;
margin:0;
}
#contenu h6 {
font-size: 80%;
font-weight: bold;
padding: 10px 0 0 0;
margin:0;
}

#contenu a#contact{
display: block;
width: 126px;
margin: 0 33px 0 0;
padding: 0 20px 10px 20px;
background: url(img/contact_contenu.gif) no-repeat center top;
float: right;
text-decoration: none;
text-align:center;
font: oblique 12px/26px sans-serif;
color:#111;
}
.encart1 {
width:230px;
padding-top:16px;
background:url(img/encart_1.gif) left top no-repeat;
margin-left: 10px;
margin-bottom: 4px;
float:right;
}
.encart2 {
background:url(img/encart_2.gif) left bottom no-repeat;
padding: 0 10px 16px 10px;
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
color:#111;
}
#contenu div.encart2 a{
color:#111;
background:#F3E6E9;
}
#contenu div.encart2 a:hover{
color:#eee;
background:#555;
}
#contenu div.encart2 h1 {
color: #333;
font: 16px/18px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 8px 0;
}
#contenu div.encart2 h2 {
color: #333;
font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 8px 0;
}
#contenu div.encart2 ul {
margin:0;
padding:0;
list-style-type: square;
list-style-position: inside;
}

#gauche {
float:left;
background:#DCD0D2 url(img/fond_top_menu.gif) repeat-x center top;
width: 180px;
}
.image_gauche {
display: block;
margin: 14px 23px 0 23px;
width:134px;
height:241px;
padding: 10px 0 0 0;
font: bold 12px/1 sans-serif;
color:#FFF;
text-decoration: none;
text-align:center;
background: url(img/cartes/etudiant2.gif) 0 0 no-repeat;
}
.menugauche {
list-style-type: none;
margin: 14px 0;
padding:0; 
}
.menugauche li{
display: inline;
width:180px;
margin:0;
padding:0;
}
.menugauche a {
display:block;
width:176px;
margin: 3px 0;
padding: 7px 0 12px 3px;
font: bold 10px/1 sans-serif;
color:#DDD;
background: url(img/img/button_index.gif) 0 0 no-repeat;
text-decoration: none;
}
.menugauche a:hover, .menugauche a.select {	
background-position: -180px 0;
}

#centre div.rubriq {
position:absolute;
}
.rubriq ul {
list-style-type: none;
margin: 0;
padding:0;
}
.rubriq li{
float:left;
}
.rubriq a {
display:block;
width:134px;
height:28px;
margin: 0 0 28px 8px;
padding: 6px 0 0 0;
font: bold 10px/1 sans-serif;
color:#FFF;
text-decoration: none;
text-align:center;
}
a#rubriq_0 {
background: url(img/onglets/accueil.gif) center bottom no-repeat;
}
a#rubriq_1 {
background: url(img/onglets/etudiant.gif) center bottom no-repeat;
}
a#rubriq_2 {
background: url(img/onglets/famille.gif) center bottom no-repeat;
}
a#rubriq_3 {
background: url(img/onglets/labeur.gif) center bottom no-repeat;
}
a#rubriq_4 {
background: url(img/onglets/boite.gif) center bottom no-repeat;
}
a#rubriq_5 {
background: url(img/onglets/retraite.gif) center bottom no-repeat;
color:#333;
}
.rubriq a.select {
display:none;
}

#pied {
clear:both;
padding:0;
margin: 0;
background-color:#BDA8AA;
color: #333;
font-size:10px;
line-height:20px;
}
#pied a {
color: #333;
}
#pied a:hover{
color:#603;
}