body {
background-color : #333333; 
font-family : "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif; 
font-size : 0.70em; 
background-image : url(../images/fond.jpg); 
background-repeat : repeat; 
background-attachment : scroll; 
color : #333333; 
}
#preload {
display : none; 
} 
#contenu {
height : auto; 
width : 720px; 
margin-right : auto; 
margin-left : auto; 
margin-top : 20px; 
} 
h1 {
font-size : 13px; 
margin : 0; 
text-transform : capitalize; 
color : #333333; 
font-family : Helvetica, Arial, sans-serif; 
line-height : 16px; 
} 
h2 {
font-size : 11px; 
margin : 0; 
text-transform : none; 
color : #333333; 
font-family : Helvetica, Arial, sans-serif; 
line-height : 16px; 
}
h3 {
font-size : 11px; 
margin : 0; 
text-indent: 10px ; 
text-transform : none; 
background-color:#eeeeee; color:#000066;
font-family : Helvetica, Arial, sans-serif; 
line-height : 20px; 
border: #6495ED;
border-top-width: 1px;
border-top-style: dotted;
}
h4 {
font-size : 12px; 
margin : 0; 
text-indent: 40px ; 
text-transform : none; 
background-color:#6495ED; color:#fff;
font-family : Helvetica, Arial, sans-serif; 
line-height : 20px; 
border: 2px outset #6495ED;
} 
h5 {
font-size : 12px; 
margin : 0; 
text-transform : none; 
background-color:#33CCCC; color:#000066;
font-family : Helvetica, Arial, sans-serif; 
line-height : 16px; 
}
.clear {
clear : both; 
} 
#nav {
width : 100%; 
} 
#nav ul {
list-style : none; 
margin : 0; 
margin-left : 0; 
padding : 0; 
} 
#nav li {
float : left; 
margin : 0; 
padding : 0; 
border : 1px solid white; 
border-width : 1px; 
list-style : none; 
} 
#nav li.first {
border-left : 1px solid white; 
} 
#nav a {
float : left; 
display : block; 
padding : 3px 8px 6px; 
color : white; 
background : #666 url("../images/nav_tab_bg_off_grey.gif") repeat-x top; 
text-decoration : none; 
} 
#nav a:hover {
color : #fff; 
background : #333; 
} 
#nav a.selected {
color : #000; 
background : white; 
} 
#nav li#logout {
float : right; 
margin-right : 20px; 
border : none; 
} 
#nav li#logout a {
background : none; 
padding-left : 0; 
padding-right : 0; 
padding-top : 3px; 
} 
#nav li#logout a:hover {
background : none; 
text-decoration : underline; 
} 
contenudroit a:link, a:visited, a:active {
color : #6090c0; 
text-decoration : none; 
border-bottom-width : 1px; 
border-bottom-color : #ffffff; 
} 
contenudroit a:hover {
color : #6090c0; 
text-decoration : none; 
border-bottom-width : 1px; 
border-bottom-style : dotted; 
border-bottom-color : #999999; 
} 
#accueil {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/accueil.jpg); 
background-repeat:no-repeat; 
border : 5px solid #ffffff; 
} 
#cesu {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/cesu.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
} 
#cca {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/cca.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
}#igl {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/igl.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
} 

#inf {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/infirmiere.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
}
#contact {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/contact2.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
}
#news {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/abonne.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
} 
#iade {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/iade.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
}
#med {
background-color : #ffffff; 
float : left; 
width : 245px; 
height : 341px; 
background-image : url(../images/docteur.jpg); 
background-repeat : no-repeat; 
border : 5px solid #ffffff; 
}
#current a {
color : #ffffff !important; 
background : url(../images/fond.jpg); 
background-repeat : repeat; 
font-weight : bold; 
font-weight : 800; 
} 
#leftbox {
padding-top : 305px; 
} 
#lienmenudroit {
float : left; 
width : 120px; 
margin-left : 5px; 
} 
#lienmenugauche {
float : right; 
} 
a.navlist:link, a.navlist:visited {
text-decoration : none; 
color : #6090c0; 
} 
a.navlist:active {
text-decoration : none; 
color : #6090c0; 
} 
#bascontenudroit {
text-align : center; 
padding-top : 5px; 
background-color : #000000; 
} 
#piedpage {
text-align : right; 
color : #cccccc; 
padding-top : 5px; 
font-size : 12px; 
}
#contenudroit {
width : 440px; 
float : right; 
background-color : #ffffff; 
height : auto; 
border-top : 15px solid #ffffff; 
border-right : 10px solid #ffffff; 
border-bottom : 15px solid #ffffff; 
border-left : 10px solid #ffffff; 
} 
#contenudroit p {
margin : 0; 
padding-top : 5px; 
padding-bottom : 5px; 
line-height : 16px; 
color : #4d4d4d; 
} 
#contenudroit dl {
margin : 0; 
padding-bottom : 8px; 
color : #333333; 
} 
#contenudroit dt {
margin : 13px 0 0; 
padding-bottom : 1px; 
letter-spacing : 1px; 
font-size : 12px; 
font-weight : bold; 
font-family : Arial, Helvetica, sans-serif; 
} 
#contenudroit dd {
margin : 0; 
padding : 0; 
list-style-position : outside; 
list-style-type : none; 
line-height : 16px; 
color : #666666; 
} 
#contenudroit2 {
border-top : 1px dotted #999999; 
border-right : 0 dotted #999999; 
border-bottom : 0 dotted #999999; 
border-left : 0 dotted #999999; 
margin-top : 5px; 
padding-top : 10px; 
text-transform : none; 
} 
#contenunews {
float : left; 
width : 700px; 
background-color : #FFFFFF; 
height : auto; 
border-top : 15px solid #ffffff; 
border-right : 10px solid #ffffff; 
border-bottom : 15px solid #ffffff; 
border-left : 10px solid #ffffff; 
} 
#contenunews p {
margin : 0; 
padding-top : 5px; 
padding-bottom : 5px; 
line-height : 16px; 
color : #666666; 
} 
#lien {
border-top : 1px dashed #999999; 
border-right : 0 dotted #999999; 
border-bottom : 0 dotted #999999; 
border-left : 0 dotted #999999; 
margin-top : 5px; 
color : #6090c0; 
padding-top : 10px; 
text-transform : capitalize; 
} 
a.lien:link, a.lien:visited {
text-decoration : none; 
color : #6090c0; 
text-transform : lowercase; 
font-size : 10px; 
border-bottom-width : 1px; 
border-bottom-style : none; 
border-bottom-color : #cc6600; 
letter-spacing : 1px; 
} 
a.lien:hover {
text-decoration : none; 
color : #6090c0; 
text-transform : uppercase; 
font-size : 10px; 
border-bottom-width : 1px; 
border-bottom-style : dashed; 
border-bottom-color : #ff6600; 
letter-spacing : 1px; 
} 
a.lien:active {
text-decoration : none; 
color : #6090c0; 
text-transform : lowercase; 
font-size : 10px; 
border-bottom-width : 1px; 
border-bottom-style : dashed; 
border-bottom-color : #ff6600; 
letter-spacing : 1px; 
}
/*infobulle */
a.infobulle {
   position: relative;
   color: #000066;
   font-size : 11px;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.infobulle span {
   display: none; /* on masque l'infobulle */
}
a.infobulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background:#eeeeee;

   color: #000066;
   font-size : 11px;
   padding: 3px;

   border: 2px outset #6495ED;
}
#liennews ul {
	list-style-type: none;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	width: 700px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
} 
#liennews li {
	margin: 0px;
	border-top: 0px dotted #999;
	border-right: 0 dotted #999;
	border-bottom: 1px dotted #999;
	border-left: 0 dotted #999;
}
#liennews li a {
	color: #4B82B8;
	display: block;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#liennews li a:hover {
	background: #EDF1FA;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #F2F7F9;
}
#liennews a em {
	color: #333333;
	display: block;
	font-style: normal;
	font-weight: normal;
}
object {
width : 308px; 
height : 50px; 
overflow : auto; 
} 
img {
border : 0; 
} 