/* AnnuaireSante CSS */
body {
 font-family:Arial;
 font-size:11px;
 color:#000000;
 margin:0px;
 padding:0px;
 background:#FFFFFF url(images/body.jpg) repeat-x top;
}

#container {
 width:980px;
 margin:0px auto;
 padding:0px;
}

#header {
 width:100%;
 height:145px;
 background:url(images/header.gif) no-repeat top left;
 overflow:hidden;
}

#header h1 {
 background:url(images/logo.gif) no-repeat top left;
 margin:0px;
 padding:0px;
 float:left;
}

#header h1 a {
 width:356px;
 height:145px;
 text-indent:-1000px;
 background:url(images/logo.gif) no-repeat top left;
 display:block
}

#header #ad {
 float:right;
 width:594px;
 height:75px;
 margin:53px 20px 0px 0px;
}

/* Menu -*/
ul#menu {
 width:965px;
 height:60px;
 background:url(images/menu-background.gif) no-repeat top left;
 overflow:hidden;
 margin:0px;
 padding:0px;
 list-style:none;
}

ul#menu li {
 float:left;
 height:36px;
 margin:7px 1px 0px 0px;
 padding:0px;
 font-size:15px;
 font-weight:bold
}

ul#menu li a { color:#185366; text-decoration:none; }
ul#menu li a:hover { color:#00BCD6; text-decoration:none }

ul#menu li.home { background:url(images/accueil.gif) no-repeat top left; margin-left:91px; margin-right:2px; }
ul#menu li.home a { margin:0px; padding:9px 21px 9px 21px; display:block }
ul#menu li.home a:hover { background:url(images/accueil-hov.gif) no-repeat top left; }

ul#menu li.annuaire { background:url(images/annuaire.gif) no-repeat top left; }
ul#menu li.annuaire a { margin:0px; padding:9px 20px 9px 20px; display:block }
ul#menu li.annuaire a:hover { background:url(images/annuaire-hov.gif) no-repeat top left }

ul#menu li.services { background:url(images/services.gif) no-repeat top left; }
ul#menu li.services a { margin:0px; padding:9px 20px 9px 20px; display:block }
ul#menu li.services a:hover { background:url(images/services-hov.gif) no-repeat top left }

ul#menu li.espance { background:url(images/espance.gif) no-repeat top left }
ul#menu li.espance a { margin:0px; padding:9px 16px 9px 16px; display:block }
ul#menu li.espance a:hover { background:url(images/espance-hov.gif) no-repeat top left }

ul#menu li.acces { background:url(images/acces.gif) no-repeat top left }
ul#menu li.acces a { margin:0px; padding:9px 16px 9px 17px; display:block }
ul#menu li.acces a:hover { background:url(images/acces-hov.gif) no-repeat top left }

ul#menu li.contact { background:url(images/contact.gif) no-repeat top left; }
ul#menu li.contact a { margin:0px; padding:9px 20px 9px 20px; display:block }
ul#menu li.contact a:hover { background:url(images/contact-hov.gif) no-repeat top left }

/* Homepage */
#home {
 float:left;
 width:692px;
 background-color:#FFFFFF;
}

#home h2 {
 background:url(images/home-heading.gif) no-repeat top;
 color:#FFFFFF;
 font-family:Verdana;
 font-size:18px;
 margin:0px;
 padding:5px 0px 5px 30px;
 font-weight:normal;
 text-align:left
}

#home img.left {
 float:left;
 margin:3px 5px 0px 4px;
 padding:0px;
}

#home h3 {
 font-size:16px;
 color:#3279BA;
 margin:10px 0px 0px 0px;
 padding:0px;
}

#home p.home {
 margin:0px;
 padding:10px 10px 0px 0px;
 color:#69859E;
}

/*- 3 blocs de couleur -*/
ul#color3 {
 width:688px;
 height:254px;
 clear:both;
 list-style:none;
 background:#000000 url(images/3-color-block.jpg) no-repeat top left;
 margin:20px 0px 0px 4px;
 padding:0px;
 color:#FFFFFF;
}

ul#color3 a { color:#FFFFFF; text-decoration:none }
ul#color3 a:hover { color:#FFFFFF; text-decoration:underline }

ul#color3 li.blue {
 float:left;
 width:277px;
}

ul#color3 li.green {
 float:left;
 width:188px;
}

ul#color3 li.orange {
 float:left;
 width:223px;
}

ul#color3 h2 {
 color:#FFFFFF;
 font-size:20px;
 font-weight:normal;
 background:url(images/home-arrow.gif) no-repeat left;
 margin:0px 0px 0px 10px;
 padding:5px 0px 5px 15px;
 font-smooth:auto;
 font-family:Verdana;
}

ul#color3 li ul {
 margin:3px 0px 0px 10px;
 padding:0px;
 list-style:none;
}

ul#color3 li.blue ul {
 width:120px;
 float:left;
 list-style:none;
 margin:3px 0px 0px 10px;
 padding:0px;
}

/*- Contenu -*/
p.locator { color:#FFFFFF; font-size:16px; font-weight:bold; clear:both; margin:0px; padding:5px 0px 5px 0px; }
p.locator a { color:#FFFFFF; text-decoration:underline }
p.locator a:hover { color:#FFFFFF; text-decoration:none }

#content {
 float:left;
 width:706px;
 background:url(images/content-background.gif) repeat-y top left;
 overflow:hidden;
 margin:0px;
 padding:0px;
}

#content .wrapper {
 width:100%;
 background:url(images/content-bottom.gif) no-repeat bottom left;
 margin:0px;
 padding:0px;
 overflow:hidden
}

#content .text {
 width:100%;
 background:url(images/content-top.gif) no-repeat top left;
 overflow:hidden;
 margin:0px;
 padding:0px;
}

#content .main {
 float:right;
 width:518px;
 margin:0px 3px 0px 0px
}

html>body #content .main { margin:0px 5px 0px 0px }

#content .left {
 float:left;
 width:180px;
}

img.phonesupport {
 margin:5px 0px 0px 7px;
}

html>body img.phonesupport { margin:5px 0px 0px 9px; }

div.left p.ads {
 margin:0px auto;
 padding:0px;
 text-align:center
}

form.search {
 width:518px;
 height:252px;
 margin:5px 0px 0px 0px;
 padding:0px;
 background:url(images/search-form-background.gif) no-repeat top left;
 overflow:hidden;
}

form.search h4 {
 font-size:14px;
 font-family:Verdana;
 color:#FFFFFF;
 margin:0px;
 padding:5px 0px 3px 30px;
 font-weight:normal
}

form.search img.float {
 float:left;
 margin:5px 5px 0px 10px; 
}

form.search p.consile {
 color:#3279BA;
 font-weight:bold;
 margin:0px;
 padding:15px 0px 0px 0px;
}

form.search p.message {
 color:#5A7791;
 clear:both;
 margin:0px;
 padding:0px 15px 0px 15px;
}

form.search table { margin:12px 0px 0px 12px }
form.search table td { padding-bottom:1px; }
div.arrow { background:url(images/orange-arrow.gif) no-repeat left; width:95px; margin:0px; padding:0px 0px 0px 10px; float:left}
form.search input { width:120px; border:1px solid #D2DADE; }
form.search input.auto { width:auto; border:0px; margin:0px 0px 0px 5px; padding:0px; }

.box {
 clear:both;
 width:514px;
 background:#ECF5F9 url(images/box-bottom.gif) no-repeat bottom left;
 overflow:hidden;
 margin:15px 0px 5px 0px;
 padding-bottom:10px;
 color:#5A7791;
}

.box h3 {
 margin:0px;
 padding:4px 0px 10px 32px;
 font-size:14px;
 font-weight:bold;
 color:#FFFFFF;
 background:url(images/box-h3.gif) no-repeat top left;
}

.box ul {
 margin:0px 0px 0px 40px;
 padding:0px;
 list-style-type:square
}

.box ul li {
 margin:5px 0px 5px 0px;
 padding:0px 0px 5px 0px;
}

.box ul li strong { text-transform:uppercase }
.box ul li p { margin:0px; padding:0px; }
.box ul li p.link { background:url(images/loop-arrow.gif) no-repeat left; margin:0px; padding:0px 0px 0px 15px; }
.box a { color:#3C95DC; text-decoration:underline }
.box a:hover { color:#3C95DC; text-decoration:none }

/* Sidebar */
#sidebar {
 float:left;
 width:266px;
 margin:0px 0px 0px 7px;
}

#homegray {
 width:266px;
 height:388px;
 background:#000000 url(images/right-gray.jpg) no-repeat top left;
 overflow:hidden;
 margin:0px;
 padding:0px;
 color:#FFFFFF
}

#homegray h3 {
 background:url(images/home-arrow.gif) no-repeat left;
 margin:10px 0px 0px 10px;
 padding:0px 0px 3px 15px;
 font-size:18px;
 color:#FFFFFF;
 font-family:Verdana;
 font-weight:normal
}

#homegray h3.soins { margin:6px 0px 3px 10px; padding:0px 0px 0px 15px; }
#homegray h4 {
 color:#2B5C8F;
 font-size:11px;
 font-weight:bold;
 margin:5px 0px 0px 10px;
 padding:0px 0px 0px 0px;
}

#homegray h4.top { margin-top:8px; }

#homegray p {
 margin:0px;
 padding:0px 10px 0px 10px;
}

#homegray p.ensavoir {
 margin:0px;
 padding:0px 12px 0px 0px;
 text-align:right
}

#homegray form {
 margin:0px;
 padding:14px 10px 0px 10px;
}

#homegray input { width:110px; border:0px; color:#586369; margin:2px 0px 0px 0px; padding:0px 0px 0px 5px; }
#homegray select.long { width:97%; border:0px; color:#586369; text-align:left; margin:2px 0px 0px 0px; padding:0px 0px 0px 5px; }
#homegray select { border:0px; color:#586369; text-align:left; margin:2px 0px 0px 0px; padding:0px 0px 0px 5px; }
#homegray input.img { width:auto; margin:0px; padding:0px; border:0px; }

#purple {
 width:265px;
 height:178px;
 background:url(images/purple.jpg) no-repeat top left;
}

#purple h3 {
 background:url(images/home-arrow.gif) no-repeat left;
 margin:0px 0px 0px 10px;
 padding:10px 0px 10px 15px;
 font-size:12px;
 color:#000000;
 font-weight:bold;
 font-family:Verdana
}

#purple h4 {
 font-size:11px;
 font-weight:bold;
 margin:0px 0px 0px 0px;
 padding:0px;
 color:#4B5762;
}

#purple div.txt {
 float:left;
 width:130px;
 margin:0px 0px 0px 20px;
 padding:0px;
}

#purple p { margin:0px; padding:0px; color:#FFFFFF }
#purple img { margin:105px 0px 0px 7px }


#lightblue {
 width:265px;
 height:266px;
 background:url(images/light-blue.jpg) no-repeat top left;
 overflow:hidden;
 padding:0px;
 margin:10px 0px 0px 0px;
}

#lightblue h3 {
 background:url(images/home-arrow.gif) no-repeat left;
 margin:0px 0px 0px 10px;
 padding:10px 0px 10px 15px;
 font-size:12px;
 color:#000000;
 font-weight:bold;
 font-family:Verdana
}

#lightblue h4 {
 width:132px;
 margin:10px 0px 10px 20px;
 padding:0px;
 font-size:11px;
 color:#4B5762;
}

#sidebar #lightblue p {
 margin:0px;
 padding:10px 0px 0px 20px;
 color:#FFFFFF
}

#lightblue img { margin:1px 0px 0px 175px }

#dark-purple {
 width:265px;
 height:307px;
 background:url(images/dark-purple.jpg) no-repeat top left;
 overflow:hidden;
 margin:10px 0px 0px 0px;
}

#dark-purple h3 {
 background:url(images/home-arrow.gif) no-repeat left;
 margin:0px 0px 0px 10px;
 padding:10px 0px 10px 15px;
 font-size:12px;
 color:#000000;
 font-weight:bold;
 font-family:Verdana
}

#dark-purple h4 {
 width:132px;
 margin:10px 0px 10px 20px;
 padding:0px;
 font-size:11px;
 color:#4B5762;
}

#dark-purple form { width:95%; margin:0px auto; padding:5px 0px 0px 0px; color:#FFFFFF; margin-left:15px; }
#dark-purple form input { width:110px; margin:0px; padding:0px; border:0px; }
html>body #dark-purple form input { width:110px; margin:0px 0px 1px 0px; padding:0px; }
#dark-purple td.arrow { background:url(images/black-arrow.gif) no-repeat left; padding:0px 0px 0px 10px; }
#dark-purple input.img { width:auto; margin:10px 0px 0px 160px; }

/*- Footer Home -*/
#home-footer {
 clear:both;
 width:959px;
 background:url(images/footer-home.gif) no-repeat top left;
 margin:0px 0px 0px 5px;
 padding:0px;
 text-align:center
}

#home-footer p.menu {
 margin:0px;
 padding:45px 0px 0px 0px;
 color:#71BDD7;
}

#home-footer p.menu a {
 color:#71BDD7;
 text-decoration:none;
 font-weight:bold;
 margin:0px 3px 0px 3px;
}

#home-footer p.menu a:hover {
 color:#71BDD7;
 text-decoration:underline;
}

#home-footer p {
 color:#6C8DA9;
 font-family:Tahoma;
 margin:0px;
 padding:2px 0px 20px 0px;
}

#footer {
 clear:both;
 border-top:5px solid #CBE8F9;
 background-color:#F0F9FD;
 text-align:center
}

#footer p.menu {
 margin:0px;
 padding:15px 0px 0px 0px;
 color:#71BDD7;
}

#footer p.menu a {
 color:#71BDD7;
 text-decoration:none;
 font-weight:bold;
 margin:0px 3px 0px 3px;
}

#footer p.menu a:hover {
 color:#71BDD7;
 text-decoration:underline;
}

#footer p {
 color:#6C8DA9;
 font-family:Tahoma;
 margin:0px;
 padding:2px 0px 20px 0px;
}