body {
margin: 20px 0 20px 0;
padding: 0px;
font-size: 12px;
font-family: Arial;
color: #000000;
}

p {
margin: 0px 0px 10px 0px;
text-align: justify;
}

a {
font-size: 12px;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


/* Accueil */
div.cadreaccueil {
position:absolute;
     left: 50%; 
     top: 50%;
	 

	 
     margin-top: -315px; /* moitié de la hauteur */
     margin-left: -390px; /* moitié de la largeur */
	 width: 784px;
	 height: 633px;
	 background: url(images/fd-accueil-2.jpg) no-repeat;
	 
     margin-top: -272px; /* moitié de la hauteur */
     margin-left: -317px; /* moitié de la largeur */
	 width: 635px;
	 height: 526px;
	 background: url(images/fd-accueil.jpg) no-repeat;
}

div.cadreaccueil .cadre{
position: absolute;
width: 241px;
height: 167px;
top: 224px;
}
div.cadreaccueil .cadreophtalmo{
left: 41px;
color: #335f87;
}
div.cadreaccueil .cadreopticien{
left: 352px;
color: #ffffff;
}
/*
div.cadreaccueil .cadre .titre {
text-align: center;
width: 251px;
height: 53px;
}
*/
div.cadreaccueil .cadre .contenu {
padding: 25px;
width: 191px;
}
div.cadreaccueil .cadreophtalmo a#acceder {
display: block;
color: #ffffff;
font-weight: bold;
background-color: #5a879e;
padding: 6px 0px;
width: 191px;
margin: 15px 0 0 3px;
text-align: center;
text-decoration: none;
}
div.cadreaccueil .cadreophtalmo a#acceder:hover {
color: #2172af;
background-color: #e0ecf5;
}

div.cadreaccueil .cadreopticien form#acces {
float: left;
margin: 14px 0 0 0;
padding: 0;
width: 191px;
}
div.cadreaccueil .cadreopticien form#acces input#code {
float: left;
border: 1px #90b4c4 solid;
background-color: #ecf2f5;
color: #90b4c4;
margin-right: 5px;
padding: 5px;
width: 135px;
}
div.cadreaccueil .cadreopticien form#acces input#ok {
float: left;
background-color: #5a879e;
border: 0;
color: #ffffff;
padding: 4px;
cursor: pointer;
font-weight: bold;
}
div.cadreaccueil .cadreopticien form#acces input#ok:hover {
color: #2172af;
background-color: #e0ecf5;
}
div.cadreaccueil .cadreopticien a#acceder2 {
display: block;
color: #ffffff;
font-weight: bold;
background-color: #5a879e;
padding: 6px 0px;
width: 191px;
margin: 20px 0 0 3px;
text-align: center;
text-decoration: none;
}
div.cadreaccueil .cadreopticien a#acceder2:hover {
color: #2172af;
background-color: #e0ecf5;
}
/* FIN accueil */



/* -------------- Footer --------------- */

#footer {
position: absolute;
width: 635px;
top: 460px;
text-align: center;
/*background-color: #EAECEE;*/
}

#footer a {
color: #000000;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

/* -------------- Fin footer --------------- */

/* -------------- Netsys --------------- */

#netsys {
position: absolute;
width: 635px;
height: 35px;
text-align: right;
bottom: 0;

}

#netsys a {
width: 69px;
height: 29px;
float: right;
margin-right: 5px;
background-image: url('images/logo-netsys-accueil.jpg');
}

#netsys a span {
display: none;
}

/* -------------- Fin netsys --------------- */