/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #AFBD00;
color:#00508b;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
min-height:1198px;
background-image:url(../img_site_ach/bg_ach.jpg); background-repeat:repeat-x;
}
a img {
	border: 0;
	}

a  { color: #fff; }
a:link {	text-decoration:none; color: #fff; }
a:visited {	text-decoration:none; color: #004078; }
a:hover {	text-decoration:none; color: #004078; }

.hrdash {
	height : 1px; /* barre de 5 pixels */
	color : #00508B; /* instruction de couleur acceptée par IE */
	background-color : #00508B; /* instruction de couleur acceptée par Mozilla-firefox */
	padding: 0 0 0 0;
	margin:0 0 0 0;
	border-style:dashed;
	border:1px;
}

.intro_t {
font-size: 11px;
text-transform:uppercase;
background-color: #49463F;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:0px 25px 0 0;
height: 30px;
margin:0px;
position:relative; }

h2 {
font-size:18px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:14px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

.h3_v {
font-size:14px;
font-weight: bold;
padding: 5px 10px;
margin:0px;
}


.h3_blanc {
font-size:15px;
font-weight: bold;
padding:0px;
margin:0px;
color:#fff
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 990px;
margin-left: auto;
margin-right: auto;
min-height:800px;
}

/* ----------banner for logo-------------- */
#banner {
width: 990px;
background-color:#F9F9F9;
padding: 0px;
margin: 0px;
height:117px;
margin-left: auto;
margin-right: auto;
position:relative;
}

.page_color {
	height:4px;
	width:auto;
	margin:0;
	padding:0;
	min-height:4px;
	background-color:#96A9B0;
	float:left
}

/* -----------------content--------------------- */
#content2 {
	padding: 0px;
	margin-left: 210px;
	margin-right: 0px;
}


div#content { 
	min-height:700px;
	height:expression(this.scrollHeight > 700 ? "auto":"700px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
	float: left;
	width: 210px;
	margin: 0px;padding: 0px;
}


#menu_b a:visited {text-decoration:none;color:#004078; font-size:14px; font-weight:bold; line-height:20px;}

#menu_b a {position:relative; text-decoration:none;color:#004078; font-size:14px; font-weight:bold; line-height:20px;}

#menu_b a:hover {text-decoration:none; color:#000; font-size:14px; font-weight:bold; line-height:20px;}

#menu_b a:active {text-decoration:none; font-size:14px; font-weight:bold; line-height:20px;}




/* -----------footer--------------------------- */
#footer {
width: 990px;
clear: both;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-color:#AFBD00;
color:#fff;
}

.liensmenu {
       text-decoration: none; 
	   color:#AFBD00;
	   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	   font-size: 15px;
	   font-weight:bold;
	   }
A.liensmenu {
       text-decoration: none;
	   color:#AFBD00;
	   }
A.liensmenu:hover {
       text-decoration:none;
	   color:#fff;
	   }


A.liensmenu_bleu_f {
       text-decoration: none;
	   color:#fff;
	    font-size: 10px;
	   }
A.liensmenu_bleu_f:hover {
       text-decoration:none;
	   color:#00508B;
	   }


.liensmenu_bleu {
       text-decoration: none; 
	   color:#AFBD00;
	   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	   font-size: 12px;
	   font-weight:bold;
	   }
A.liensmenu_bleu {
       text-decoration: none;
	   color:#00508B;
	   }
A.liensmenu_bleu:hover {
       text-decoration:none;
	   color:#AFBD00;
	   }


.liensmenu_bleu_cant {
       text-decoration: none; 
	   color:#AFBD00;
	   font-family: Arial,Helvetica,sans-serif;
	   font-size: 12px;
	   font-weight:bold;
	   }
A.liensmenu_bleu_cant {
       text-decoration: none;
	   color:#00508B;
	   }
A.liensmenu_bleu_cant:hover {
       text-decoration:none;
	   color:#AFBD00;
	   }

.liensmenu_blanc {
       text-decoration: none; 
	   color:#AFBD00;
	   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	   font-size: 15px;
	   font-weight:bold;
	   }
A.liensmenu_blanc {
       text-decoration: none;
	   color:#AFBD00;
	   }
A.liensmenu_blanc:hover {
       text-decoration:none;
	   color:#fff;
	   }



A.central:link {
	FONT-SIZE: 11px; COLOR: #046FA5; LINE-HEIGHT: 9pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.central:visited {
	FONT-SIZE: 11px; COLOR: #046FA5; LINE-HEIGHT: 9pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.central:active {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 9pt; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
A.central:hover {
	FONT-SIZE: 11px; COLOR:#06275C; LINE-HEIGHT: 9pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

#menu-d {padding:0; margin:0px 0px; width:0;}

#menu-d li {list-style-type:none; width:230px; height:20px; margin:0 0; clear:both; font-weight:bold; font-style:italic}

#menu-d a, #menu-d a:visited {position:relative; display:block; width:230px; height:20px;
color:#00508B; padding-left:20px; text-decoration:none; background-image:url(../img_site_general/fond_menu_jpg.jpg); background-repeat:no-repeat}

#menu-d a span, #menu-d a:visited span {display:none;}

#menu-d a:hover {color:#00508B;text-decoration:none;background-image:url(../img_site_general/fond_menu_jpg_over.jpg); background-repeat:no-repeat}

#menu-d a:hover span {position:absolute; display:block; left:0px; top:0; width:0px; height:0px; font-size:1px; line-height:0;}

* html #menu-d a:hover span {width:0px; height:20px; w\idth:0; he\ight:0;}


.searchbarselect {
	FONT-SIZE: 10px; 
	COLOR: #00508B; 
	font-weight: bold;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #E3E6EB;
	margin: 5px 0 0 5px ;
}

/*JS SCROLLER*/
#pscroller1{
width: 180px;
height: 70px;
padding: 1px 0 0 0;
margin: 28px 2px 1px 8px;
background-color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#333333;
}



p {
text-align: justify;
line-height: 15px;
margin-top: 0px;
margin-bottom: 8px;
}

.temoin {
            z-index:0;
			text-align:left;
            font: 12px Arial,Helvetica,sans-serif; 
           
        }


.fotgal { border:2px; border-thickness: 2px; border-color: #00508B; border-style: solid;}
A:hover, A:active {color: #AFBD00}
A:hover .fotgal, A:active .fotgal {border:2px; border-thickness: 2px; border-color: #AFBD00; border-style: solid}


A.barre_off4 {font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 8pt;
color: #AFBD00;text-decoration: none;padding-right: 2px;padding-left: 2px;padding-top: 1px;padding-bottom: 1px;}
A.barre_off4:hover {color: #fff;background-color: #fff;text-decoration: none}

A.barre_off2 {font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 8pt;
color: #AFBD00;text-decoration: none;padding-right: 2px;padding-left: 2px;padding-top: 1px;padding-bottom: 1px;}
A.barre_off2:hover {color: #004078;background-color: #fff;text-decoration: none}

.galImgSml {
padding: 0 3px 5px 2px;
height: 60px;
width: 95px;
}

.galImgBig {
padding: 0 0px 0px 0;
text-align:center;
border-color:#00508B;
border-style:solid;
border-width:2px;
}

.dCol4Lst3 {
width: 320px;
padding-left:18px;
padding-bottom:1px;
margin-top:5px;
margin-right:1px;
}

.dCol4Lst2 {
width: 624px;
background-image:url('../img_site_general/fond_galerie.jpg'); background-repeat:repeat-x;
height:95px;
padding-top:30px;
padding-left:0px;
margin-left:50px;
margin-right:1px;
}

/*Formulaire visite*/
#toolsa
	{ 
	position:relative;
	width: 209px;
	height: 200px;
	margin: 2px 5px 1px 0;
	}
	
#toolsa ul
	{
	padding:0;
	margin:0;
	list-style: none;
	list-style-type: none;
	}
	
#toolsa li
	{
	display: block;
	margin:2px 5px 3px 5px;
	}





#toolsa_request a {
width: 199px;
height: 18px;
display: block;
overflow-x: hidden;
overflow-y: hidden;
background-color: transparent;
background-image: url(../img_site_vd/bouton_demande_r.jpg);
background-repeat: no-repeat;


}

#toolsa_request a:hover, #toolsa_request_on {
background-color: transparent;
background-image: url(../img_site_vd/bouton_demande_ov.jpg);
background-repeat: no-repeat;
}

#toolsa_planifier a {
width: 199px;
height: 18px;
display: block;
overflow-x: hidden;
overflow-y: hidden;
background-color: transparent;
background-image: url(../img_site_vd/bouton_planifier_r.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}

#toolsa_planifier a:hover, #toolsa_planifier_on {
background-color: transparent;
background-image: url(../img_site_vd/bouton_planifier_ov.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}

#toolsa_offre a {
width: 199px;
height: 18px;
display: block;
overflow-x: hidden;
overflow-y: hidden;
background-color: transparent;
background-image: url(../img_site_vd/bouton_offre_r.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}

#toolsa_offre a:hover, #toolsa_offre_on {
background-color: transparent;
background-image: url(../img_site_vd/bouton_offre_ov.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}


#toolsa_re_offre a {
width: 199px;
height: 18px;
display: block;
overflow-x: hidden;
overflow-y: hidden;
background-color: transparent;
background-image: url(../img_site_vd/bouton_recevez_offre_r.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}

#toolsa_re_offre a:hover, #toolsa_re_offre_on {
background-color: transparent;
background-image: url(../img_site_vd/bouton_recevez_offre_ov.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}



/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; width:330px; height:523px; position:relative; z-index:10;}
/* move the text off screen */
.uk li a {text-indent:-999px; display:block; width:8px; height:8px; background:#000; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.bs {top:294px; left:191px;}
.uk li a.ln {top:292px; left:239px;}
.uk li a.sw {top:275px; left:142px; z-index:4}
.uk li a.nt {top:254px; left:240px;}
.uk li a.gl {top:106px; left:139px;}
.uk li a.bf {top:174px; left:117px; z-index:2}
.uk li a.du {top:227px; left:133px; z-index:2}
.uk li a.aa {top:381px; left:109px; z-index:7}
.uk li a.bb {top:390px; left:167px; z-index:4}
.uk li a.cc {top:436px; left:140px;}
.uk li a.dd {top:484px; left:182px; z-index:3}
.uk li a.ee {top:434px; left:141px; z-index:5}
.uk li a.ff {top:431px; left:252px;}
.uk li a.gg {top:386px; left:229px;}
.uk li a.hh {top:343px; left:193px;}
.uk li a.ii {top:340px; left:222px; }
.uk li a.jj {top:302px; left:108px; z-index:5}
.uk li a.kk {top:295px; left:59px; z-index:7}
.uk li a.ll {top:246px; left:76px; z-index:10}
.uk li a.mm {top:202px; left:175px; z-index:4}
.uk li a.nn {top:240px; left:182px; z-index:3}
.uk li a.oo {top:202px; left:275px;}
.uk li a.pp {top:137px; left:260px;}
.uk li a.qq {top:125px; left:219px;}
.uk li a.rr {top:161px; left:189px;}
.uk li a.tt {top:112px; left:184px;}
.uk li a.ss {top:73px; left:207px;}
.uk li a.uu {top:53px; left:147px;}
.uk li a.zn {top:457px; left:107px;  z-index:500}
/* move the text back into view on hover */
.uk li a:hover {background:#600; text-indent:0; height:1.2em; font-size:10px; color:#fff; line-height:1em; padding:2px 10px; width:90px;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #600; width:200px; color:#000; padding:15px;font-style:normal; top:-135px; font-family:arial, sans-serif;}
/* hack for IE5.x */
* html .uk li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:128px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}




/* the style starts here */
.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {color:#00508B; text-decoration:none;}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{display:block; visibility:visible; position:absolute; left:120px; top:15px; background-color:#C6D228;cursor:pointer; padding:3px 10px;}
.hov b a {white-space:nowrap; color:#01518C; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:none;}

.clear {clear:both;}