/* CSS Document */
html, body
{
margin:0px;
height:100%;
width:100%;
}
#PARENT
{
display:block;
height:100%;
width:922px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@ ENTETE @@@@@@@@@@@@@@@@@@@@@*/
#ENTETE
{
display:block;
width:922px;
height:120px;
vertical-align:bottom;
background:url(../images/image_entete.jpg) top left no-repeat;
}
#ENTETE_ZONE1
{
display:block;
width:760px;
height:90px;
float:left;
vertical-align:bottom;
text-align:right;
}
#ENTETE_ZONE2
{
display:block;
background:#E7F0FC;
width:162px;
height:90px;
float:left;
vertical-align:bottom;
text-align:right;
}
#ENTETE_ZONE3
{
display:block;
width:760px;
height:30px;
float:left;
text-align:right;
}
#ENTETE_ZONE4
{
display:block;
width:162px;
height:30px;
float:left;
vertical-align:bottom;
text-align:right;
}
#ENTETE_ZONE3 input
{
border:1px solid #3A77B4; height:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px; color:#3A77B4;
}
#ENTETE_ZONE4_BTN_OK
{
cursor:pointer;
display:block;
height:20px; background:url(../images/bouton_Ok_Fd_bleu.gif) right center no-repeat #E7F0FC;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#3A77B4;
}
#ENTETE_ZONE2_FORM
{
display:block; text-align:left; padding-left:5px; height:25px;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#3A77B4;
}
#ENTETE_ZONE2_FORM input
{
border:1px solid #3A77B4; height:12px; width:150px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px; color:#3A77B4;
}
#ENTETE_ZONE2_LIBELLE
{
display:block;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px; font-weight:bold;
margin:5px;
text-align:left;
color:#0F4B8A;
border-bottom:1px solid #0F4B8A;
}
#ENTETE_ZONE3_BTN_OK
{
cursor:pointer;
display:block; width:50px; height:22px; float:right; background:url(../images/bouton_Ok.jpg) left top no-repeat;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#3A77B4;
}
#ENTETE_ZONE3_FORM
{
display:block; float:right; padding-top:4px;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#3A77B4;
}
/****** -------------------------------------***********/
/*@@@* corps de la page entre l'entete et le footer @@@*/
#CORP_INDEX {display:block; position:static; background:url(images/fond_colonne_gauche.jpg) left repeat-y; float:left; width:922px; }
/****** -------------------------------------***********/
/* @@@@@@@@@@@@@@ COLONNE DE GAUCHE @@@@@@@@@@@@@@@*/
#COLONNEGAUCHE
{
float:left;
display:block;
width:155px;
min-height:400px;
}
#COLONNEGAUCHE span
{
display:block; text-align:left;
}
.MenuStyle_1 a
{
display:block;
height:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px; padding-top:1px;
font-size:12px;
text-decoration:none;
background:url(../images/fond_Menu_Style1.jpg) right top no-repeat;
border-bottom:2px solid #FFF;
}
.MenuStyle_1 a:hover
{
display:block;
height:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px; padding-top:1px;
font-size:12px;
text-decoration:none;
background:url(../images/fond_Menu_Over_Selected.jpg) right top no-repeat;
border-bottom:2px solid #FFF;
}
.MenuStyle_2 a
{
display:block;
height:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px; padding-top:1px;
font-size:12px;
text-decoration:none;
background:url(../images/fond_Menu_Style2.jpg) right top no-repeat;
border-bottom:2px solid #FFF;
}
.MenuStyle_2 a:hover
{
display:block;
height:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px; padding-top:1px;
font-size:12px;
text-decoration:none;
background:url(../images/fond_Menu_Over_Selected.jpg) right top no-repeat;
border-bottom:2px solid #FFF;
}
.MenuStyle_3 a
{
display:block;
height:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px; padding-top:1px;
font-size:12px;
text-decoration:none;
background:url(../images/fond_Menu_Style3.jpg) right top no-repeat;
border-bottom:2px solid #FFF;
}
.MenuStyle_3 a:hover
{
display:block;
height:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px; padding-top:1px;
font-size:12px;
text-decoration:none;
background:url(../images/fond_Menu_Over_Selected.jpg) right top no-repeat;
border-bottom:2px solid #FFF;
}
.MenuStyle_selected a
{
display:block;
height:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px; padding-top:1px;
font-size:12px;
text-decoration:none;
background:url(../images/fond_Menu_Over_Selected.jpg) right top no-repeat;
border-bottom:2px solid #FFF;
}
/****** -------------------------------------***********/
/* @@@@@@@@@@@@@@ COLONNE DE DROITE @@@@@@@@@@@@@@@*/
#COLONNEDROITE
{
display:block;
background:#E7F0FC;
width:162px;
float:right;
vertical-align:bottom; text-align:left;
text-align:right;
}
/****** -------------------------------------***********/
/* @@@@@@@@@@@@@@ COLONNE DE CENTRALE @@@@@@@@@@@@@@@*/
#COLONNECENTRALE
{
float:right;
display:block;
width:762px;
/*margin-left:4px;*/
background:url(../images/fond_page_haut.jpg) -4px top no-repeat;
}
/****** -------------------------------------***********/
/* @@@@@@@@@@@@@@ FOOTER @@@@@@@@@@@@@@@*/
#FOOTER
{
float:left;
display:block;
width:922px;
height:80px;
background:url(../images/fond_footer.jpg) 1px top no-repeat;
text-align:right;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px; color:#3A77B4;
}
#FOOTER_LIENS
{
display:block;
padding-right:165px;
padding-top:30px;
}
#FOOTER_LIENS a
{
display:inline-table;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px; color:#3A77B4; text-decoration:none;
padding-left:5px;
padding-right:10px;
}
#FOOTER_LIENS a:hover
{
display:inline-table;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px; color:#3A77B4; text-decoration:underline;
padding-left:5px;
padding-right:10px;
}
.BORD_BROIT_BLEU
{
border-left: 1px solid #3A77B4;
}
/****** -------------------------------------***********/