body {margin:0px; background:url(../image/bando/fsite.gif) repeat-x top #94AED8; overflow-x:hidden}
body, a, table, tr, td {font-family: Arial, Helvetica, sans-serif; color: #333; font-size:10px}
select, textarea, input {font-family: Arial, Helvetica, sans-serif; background-color:#FFF; font-size:10px; color:#666; border: solid 1px #ccc }
table {margin:0px; padding:0px; border:0px; border-collapse:collapse}
table tr, td {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif}
a img {border:0px}
img {margin:0px; padding:0px; border:0px}
form { margin:0px; padding:0px}
p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
ul {padding:0px; margin:0px; list-style-type:none}
li {margin:0px 0px 1px 2px; padding:0px 0px 0px 0px; list-style-type:none}
a { text-decoration:underline; color:#F2553D}
a:hover { text-decoration:underline; color:#F2553D}

/* PAGE */
#pg {margin:0px auto 0px auto; width:1000px; max-width:1000px}
#pgContenu{text-align:left; margin:0px auto 0px auto; width:1000px; max-width:1000px; background: #FDFDFD}
* html #pgContenu{width:1000px; background: #FDFDFD}
#logo { position:absolute; z-index:1; margin-top:25px}

#search { z-index:10; position:absolute; background:url(../image/bando/fsearch.gif) no-repeat; height:23px; width:320px; margin:147px 0px 0px 22px; vertical-align:middle; font-size:10px}
#search div { float:left; margin-top:2px; text-transform:uppercase; color:#FFF}
#search input { font-size:10px}
#search img { margin-top:2px; margin-left:5px}

.margTitre {margin:15px 20px 0px 20px}
.margTitre2 {margin:0px 20px 0px 10px; padding-left:170px; color:#779633; font-size:12px}
.margTitre3 {margin:15px 20px 0px 10px; padding-left:170px; color:#779633; font-size:12px}
.margTitre4 {margin:0px 20px 0px 10px; padding-left:140px; color:#D04558; font-size:12px}

/* MENU HOPITAL */
* html .titreMH { position:absolute; margin-left:0px; margin-top:-17px}
.fondHp5 {background:url(../image/portlet/fondhp5.gif) repeat-y; padding:2px 0px 1px 25px; margin-left:5px; width:208px}
.fondThumbHp5 { background:url(../image/portlet/fondthumb.gif) no-repeat; height:145px; width:205px; margin-top:50px; margin-left:25px}
#hp5 ul { margin:0px 10px 0px 0px; line-height:17px; margin-bottom:1px; background:url(../image/picto/pixD6DEEC.gif)}
#hp5 ul li {padding:0px 0px 0px -10px; margin:0px 0px 0px 20px; list-style-image:url(../image/portlet/ul.gif)}
#hp5 ul li a { color:#385F78; text-decoration:none; font-size:11px}
#hp5 ul li a:hover { color:#385F78; text-decoration:underline; font-size:11px}
#hp5 ul li ul { border-bottom:0px; margin:0px 5px 0px 15px; background:url(../image/picto/shim.gif);}
#hp5 ul li ul li {border-bottom:0px; margin:0px; padding:0px; list-style-image:url(../image/portlet/li.gif)}
#hp5 ul li ul li ul li {border-bottom:0px; margin:0px; padding:0px; list-style-image:url(../image/portlet/ulli.gif)}
#hp5 ul li ul li ul li a { color:#385F78; text-decoration:none; font-size:10px}
#hp5 ul li ul li ul li a:hover { color:#F25840; text-decoration:none; font-size:10px}
#hp5 ul li ul li ul li a.On { color:#F25840; text-decoration:none; font-size:10px}
#hp5 ul li ul li ul li a.On:hover { color:#F25840; text-decoration:none; font-size:10px}


#faq div ul li div { margin:0px -14px 20px -14px; padding-top:5px; background: url(../image/picto/pixFFFFFF.gif)}

/* MENU */
DT {padding:13px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; cursor:pointer}
DD {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; display:none; background:url(../image/menu/frub.gif) repeat-y}
UL {padding:0px; margin:0px; list-style-type:none; margin-left:25px}
LI {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none}
#menu {z-index:1000; position:absolute; font-size:9px; margin-top:-18px; width:750px}
#menu img { vertical-align:middle; margin-right:5px; margin-left:10px}
#menu DL {float:left; margin:0px; padding:0px; background:url(../image/menu/brub.gif) bottom no-repeat; padding-bottom:12px}
#menu a { color:#FFF; text-decoration:none}
#menu a:hover { color:#FFF; text-decoration:none}
.rub1 { background:url(../image/menu/rub1/rub.gif); color:#FFF; text-transform:uppercase; height:28px; padding-left:13px; width:160px; padding-right:14px}
.rub2 { background:url(../image/menu/rub2/rub.gif); color:#FFF; text-transform:uppercase; height:28px; padding-left:13px; width:160px; padding-right:14px}
.rub3 { background:url(../image/menu/rub3/rub.gif); color:#FFF; text-transform:uppercase; height:28px; padding-left:13px; width:160px; padding-right:14px}
.rub4 { background:url(../image/menu/rub4/rub.gif); color:#FFF; text-transform:uppercase; height:28px; padding-left:13px; width:160px; padding-right:14px}

/* SSMENU */
#semnu1 UL { padding:0px 0px 0px -20px;  margin:0px}
#smenu1 LI A {color:#666; text-decoration:none; padding-top:0px; vertical-align:middle; list-style:url(../image/picto/rub1/puce.gif); display:block; width:150px; line-height:18px}
#smenu1 LI A:hover {color:#FFAE00; text-decoration:none; padding-top:0px; vertical-align:middle; list-stylee:url(../image/picto/rub1/puce.gif); display:block; width:150px; line-height:18px}
#semnu2 UL { padding:0px 0px 0px -20px;  margin:0px}
#smenu2 LI A {color:#666; text-decoration:none; padding-top:0px; vertical-align:middle; list-style:url(../image/picto/rub2/puce.gif); display:block; width:150px; line-height:18px}
#smenu2 LI A:hover {color:#5FAEB8; text-decoration:none; padding-top:0px; vertical-align:middle; list-stylee:url(../image/picto/rub2/puce.gif); display:block; width:150px; line-height:18px}
#semnu3 UL { padding:0px 0px 0px -20px;  margin:0px}
#smenu3 LI A {color:#666; text-decoration:none; padding-top:0px; vertical-align:middle; list-style:url(../image/picto/rub3/puce.gif); display:block; width:150px; line-height:18px}
#smenu3 LI A:hover {color:#739534; text-decoration:none; padding-top:0px; vertical-align:middle; list-style:url(../image/picto/rub3/puce.gif); display:block; width:150px; line-height:18px}
#semnu4 UL { padding:0px 0px 0px -20px;  margin:0px}
#smenu4 LI A {color:#666; text-decoration:none; padding-top:0px; vertical-align:middle; list-style:url(../image/picto/rub4/puce.gif); display:block; width:150px; line-height:18px}
#smenu4 LI A:hover {color:#EA5267; text-decoration:none; padding-top:0px; vertical-align:middle; list-style:url(../image/picto/rub4/puce.gif); display:block; width:150px; line-height:18px}

#blocDroit {width:205px; margin-top:20px; margin-left:25px; background:url(../image/contenu/shadow1.gif) left top no-repeat}
.shadowssmenu {background:url(../image/portlet/shadowssmenu.gif) repeat-y; width:9px}
.fssmenu { background:url(../image/portlet/fssmenu.gif) repeat-y; width:182px}

/* TABLEAU */
.tdtop td { vertical-align:top}
.tdtop { vertical-align:top}
.tdbottom { vertical-align:bottom}

/* ALIGNEMENT */
.textC { text-align:center}
.textL { text-align:left}
.textR { text-align:right}
.textJ { text-align:justify}
.vat { vertical-align:middle}
.vab { vertical-align:bottom}
.block { display:block}

/* POSITION */
.fleft { float:left}
.fright { float:right}
.cb {clear:both}
.abs { position:absolute}
.z10 { z-index:10}
.z20 { z-index:20}
.z30 { z-index:30}
.z40 { z-index:40}

/* PADDING */
.p15 { padding:20px 20px 10px 10px}
.pt3 { padding-top:3px}
.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.pt14 { padding-top:14px}
.pt20 { padding-top:20px}
.pt30 { padding-top:30px}
.pt40 { padding-top:40px}
.pt50 { padding-top:50px}
.pt70 { padding-top:70px}
.pl10 { padding-left:10px}
.pr10 { padding-right:10px}
.pr40 {padding-right:40px}
.pb10 { padding-bottom:10px}

/* MARGIN */
.mt-15 { margin-top:-15px}
.mr5 { margin-right:5px}
.mr10 { margin-right:10px}
.mr20 { margin-right:20px}
.mr30 { margin-right:30px}
.mt3 { margin-top:3px}
.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.mt30 { margin-top:30px}
.mt50 { margin-top:50px}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}
.ml30 { margin-left:30px}
.ml40 { margin-left:40px}
.ml50 { margin-left:50px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.mb30 { margin-bottom:30px}
.positionH {margin-top:-15px; margin-left:19px}
*html .positionH {margin-top:-14px; margin-left:18px}

/* WIDTH */
.w98p { width:98%}
.w100p { width:100%}
.w20p { width:20%}
.w25p { width:25%}
.w33p { width:33%}
.w50p { width:50%}
.w67p { width:67%}
.w75p { width:75%}
.w20 { width:20px}
.w30 { width:30px}
.w40 { width:40px}
.w220 { width:220px}
.w380 { width:380px}
.w490 { width:490px}
.w650 { width:650px}

/* HEIGHT */
.h160 { height:160px}
.h35 { height:35px}

/* AUTRE */
.cursorp { cursor:pointer}
.hr { background:url(../image/picto/hr.gif) repeat-x; height:15px}

/* TOTEM */
.tTotem { position:absolute; margin-left:-20px}
.bTotem { position:absolute; margin-top:325px; margin-left:-20px}

/* CONTENU */
.texte1Col {color:#3C3C3C; margin:0px 10px 10px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; width:500px; text-align:justify}
.texte2aCol {color:#3C3C3C; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify}
.texte2bCol {color:#3C3C3C; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; padding-left:20px}
.titre { margin-bottom:10px}
.sTitre img { vertical-align:middle; margin-right:5px}
.resultat { color:#666}

.shadow1 {background:url(../image/contenu/shadow1.gif) left top no-repeat; padding:5px 10px 5px 20px; color:#333; font-size:11px}
.shadow2 {background:url(../image/contenu/shadow3.gif) right bottom no-repeat}
.shadowhr {background:url(../image/contenu/conthr.gif) top repeat-x; height:20px}
.showdiv {overflow:auto; height:58px}
.maj { display:none}

.scroll {overflow:auto; overflow-x:hidden; height:300px; width:100%}
.scroll ul { margin-left:10px; margin-bottom:10px; margin-top:10px}
.scroll ul li { margin-left:10px; list-style:square; margin-bottom:5px}
.scroll ul li ul li { margin-left:10px; list-style:disc}
.p {padding-top:10px}

h1 { padding:0px 0px 5px 0px; margin:0px; color:#FFF; font-size:11px; text-transform:uppercase; font-weight:bold}
h1 img { margin-right:5px}

.ct {padding-left:20px; height:398px}

/* FORMULAIRE */
fieldset { border:1px solid #ccc; padding:5px; margin:0px 0px 10px 0px}
legend { color:#666; font-weight:bold; margin:5px 5px 5px 5px}
.important { color:#C71C48}
.alerte { color:#C71C48; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
.textarea475 { width:475px; height:100px }

.trsp {border:0px; background-color:transparent}
.c40 {width:40px}
.c50 {width:50px}
.c190 {width:190px}
.c542 {width:542px}
.c100 {width:100px}
.c110 {width:110px}
.c120 {width:120px}
.c150 {width:150px}
.c155 {width:155px}
.c160 {width:160px}
.c210 {width:210px}
.c240 {width:240px}
.c360 {width:360px}
.c356 {width:356px}
.c400 {width:400px}
.c703 {width:703px}
.c733 {width:733px}

/* TRANSVERSAL */
#transvT div { margin-top:53px; margin-right:5px}
#transvT {color:#F25840; font-size:10px; text-align:right; background:no-repeat top right; height:193px; padding-top:2px}
#transvT a {color:#6683B4; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#transvT a:hover {color:#F25840; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#transvT a.On {color:#F25840; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#transvT a.On:hover {color:#F25840; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}

#transvB{color:#F25840; font-size:10px; text-align:right; padding:0px 0px 5px 0px; text-align:right; margin:0px auto 0px auto; width:1000px; max-width:1000px}
* html #transvB{color:#F25840; font-size:10px; text-align:right; padding:0px 0px 5px 0px; margin:0px auto 0px auto; width:1000px; max-width:1000px}
#transvB a {color:#6683B4; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#transvB a:hover {color:#F25840; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#transvB a.On {color:#F25840; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#transvB a.On:hover {color:#F25840; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}

#chemin { position:absolute; color:#F25840; margin-top:3px; margin-left:5px}
#chemin span { color:#3C3C3C}
#chemin a {color:#6683B4; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#chemin a:hover {color:#F25840; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif}

.ital { font-style:italic; color:#333}

/* DEBUG */
.debug { border-top:1px solid red; border-bottom:1px solid red; color:red}

/* COMMUN AUTRE CSS */
.paragraphe2 { margin:0px 5px 0px 10px; font-size:11px; color:#333; padding:0px 10px 0px 15px; background:url(../image/contenu/shadow1.gif) left top no-repeat; height:100px}
.paragraphe2 a { text-decoration:none; color:#333; font-size:11px}
.lien { width:160px}
.lien ul { margin-left:30px}
.lien2 {margin:10px 10px 0px 10px}
.lien2 ul { margin-left:-5px}
.lien2 li a { color:#666; text-decoration:none}
.onglet a { font-size:11px; text-decoration:none}
.onglet a:hover { font-size:11px; text-decoration:none}
.showdiv a { text-decoration:none; color:#333; font-size:11px}
DIV .LOff a {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666}
DIV .LOff a:hover {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666}
DIV .LOn a {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666}
DIV .LOn a:hover {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666}

/* PAGINATION */
#pagination { font-size:10px; position:absolute; margin-top:3px; text-align:right; width:465px}
#pagination a { color:#666; text-decoration:underline}
#pagination a:hover { color:#666; text-decoration:underline}
#pagination img { vertical-align:middle; margin-left:3px}

