html, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

body {
background:#28537b url(/media/images/layout/bg-tissus.png) repeat;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:100%;
margin:0;
padding:0;
line-height:1.3em;
}


#main {padding-bottom: 110px;} 


/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************************************************************** VISUEL Fond */
#visuel {
background:#04223E url(/media/images/layout/visuel001.jpg) center 25px no-repeat;
height:325px;
width:100%;
}


/******************************************************************** COMMANDE */

#commande {
background:#28537b url(/media/images/layout/bg-commande.png) repeat-x;
height:25px;
color:#FFF;
margin-top:-325px;
}

#commande .content {
width:920px;
height:25px;
margin:auto;

}

#commande .content a {
display:block;
float:left;
height:25px;

}

#commande .content a#btnPatient {
background:#28537b url(/media/images/layout/btn-patient.png) left bottom no-repeat;
width:78px;
}

#commande .content a#btnMedecin {
background:#28537b url(/media/images/layout/btn-medecin.png) right bottom no-repeat;
width:83px;
margin-left:3px;
}

#commande .content a#btnMedecin:hover, #commande .content a#btnPatient:hover {
background-position:center;
}

#commande .content a#btnPatient.selected, #commande .content a#btnMedecin.selected {
background-position:top;
}

#commande .content a span{
visibility:hidden;
height:25px;
line-height:25px;
}


/******************************************************************** HEADER */

#header {
width:930px; 
margin:auto;
background:transparent url(/media/images/layout/bg-content.png) center repeat-y;
}

#header #banner {
margin:auto;
width:920px; 
height:200px;
}

#header #banner #heroes {
width:640px;
float:left;
height:200px;
background: transparent url(/media/images/layout/banner001.jpg);
}

#header #accesRapide {
float:right;
background:#f0f0f0 url(/media/images/layout/bg-acces.png) no-repeat;
height:200px;
width:280px;
text-align:center;

}

#header #accesRapide a#prelevement {
background:#f0f0f0 url(/media/images/layout/btn-centres.png) top no-repeat;
display:block;
width:252px;
height:84px;
/*margin:10px auto;*/
margin:5px auto;
}

#header #accesRapide a#prelevement:hover, #header #accesRapide a#prelevement.selected{
background-position:bottom;
}


/*#header #accesRapide a#accesMedecin {
background:#f0f0f0 url(/media/images/layout/btn-acces.png) top no-repeat;
display:block;
width:255px;
height:85px;
margin:10px auto;
}*/

	#header #accesRapide a#accesMedecin {
	background:#f0f0f0 url(/media/images/layout/btn-entrer-medecin.jpg) top no-repeat;
	display:block;
	width:113px;
	height:55px;
	float: left;
	margin-left: 8px;
	}

	#header #accesRapide a#registerMedecin {
	background:#f0f0f0 url(/media/images/layout/btn-inscript-medecin.jpg) top no-repeat;
	display:block;
	width:114px;
	height:55px;
	float: left;
	margin-left: 8px;
	}


#header #accesRapide a#accesPatient:hover {
background-position:bottom;
}

#header #accesRapide a#registerMedecin:hover, #header #accesRapide a#registerMedecin.selected{
background-position:bottom;
}

#header #accesRapide a#accesMedecin:hover, #header #accesRapide a#accesMedecin.selected{
background-position:bottom;
}


/*#header #accesRapide a#accesPatient {
background:#f0f0f0 url(/media/images/layout/btn-accesPatient.png) top no-repeat;
display:block;
width:255px;
height:85px;
margin:10px auto;
}*/

	#header #accesRapide a#accesPatient {
	background:#f0f0f0 url(/media/images/layout/btn-acces-patient.jpg) top no-repeat;
	display:block;
	width:236px;
	height:55px;
	margin: 0 auto;
	}

#header #accesRapide a#accesPatient:hover, #header #accesRapide a#accesPatient.selected{
background-position:bottom;
}

#header #accesRapide a span {
visibility:hidden;
}

/******************************************************************** GENERAL > MENU */

#header ul.jd_menu,
#header ul.jd_menu_vertical{
color:#fff;
background:transparent url(/media/images/layout/bg-menu.png) top no-repeat;
float:left;
width:920px;
height:45px;
list-style:none;
margin-left:5px;
margin-top:-8px;
position: relative;
}

#header ul.jd_menu ul {
	/*display: none;*/
}

#header ul.jd_menu li {
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}

#header ul.jd_menu_vertical li {
	float: none;
}

#header ul.jd_menu li a {
height: 45px;
display: block;
}

#header ul.jd_menu li a span {
visibility:hidden;
}



#header ul.jd_menu ul,
#header ul.jd_menu_vertical ul{
	position: absolute;
display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}

/*#header ul.jd_menu ul li, #header ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;	
}*/

#header ul.jd_menu ul {

	height: auto;
	padding-bottom:2px;
}

ul.jd_menu_vertical {
	height: auto;
}


* html #header ul.jd_menu ul {
	width: 100%;
}

#header ul.jd_menu ul li {
	font-size: 11px;
	color: #FFF;
	/*line-height: 14px;*/
	margin:0;
	padding:0;
	padding-top:3px;
	padding-left:10px;
	cursor:pointer;
	white-space:nowrap;
	text-align:left;
	height:32px;
	border-top:0;
	float:none;
	position:relative;
	background-image:url(/media/images/menu/bg-ss-menu.jpg);
	background-repeat:repeat-x;

}

#header ul.jd_menu li ul li a {
	text-decoration: none;
	text-transform:none;
	display:block;
	float:none;
	height:20px;
	padding:5px 4px 0px 5px;


}


#header ul.jd_menu li ul li a:hover {
background-image:none;
font-weight:bold;

}

#accueil {left:0; width:81px;}
#labo {left:81px; width:134px;}
#renseignements {left:215px; width:218px;}
#catalogue {left:433px; width:107px;}
#support {left:540px; width:88px;}
#jobs {left:628px; width:67px;}
#contact {left:695px; width:94px;}
#plaintes {left:433px; width:93px;}


#accueil a:hover {background:transparent url(/media/images/layout/bg-menu.png) 0 -45px no-repeat;}
#labo a:hover {background:transparent url(/media/images/layout/bg-menu.png) -81px -45px no-repeat;}
#renseignements a:hover {background:transparent url(/media/images/layout/bg-menu.png) -215px -45px no-repeat;}
#catalogue a:hover {background:transparent url(/media/images/layout/bg-menu.png) -433px -45px no-repeat;}
#support a:hover {background:transparent url(/media/images/layout/bg-menu.png) -540px -45px no-repeat;}
#jobs a:hover {background:transparent url(/media/images/layout/bg-menu.png) -628px -45px no-repeat;}
#contact a:hover {background:transparent url(/media/images/layout/bg-menu.png) -695px -45px no-repeat;}
#plaintes a:hover {background:transparent url(/media/images/layout/bg-menu.png) -433px -45px no-repeat;}


#accueil a.selected {background:transparent url(/media/images/layout/bg-menu.png) 0 -90px no-repeat;}
#labo a.selected {background:transparent url(/media/images/layout/bg-menu.png) -81px -90px no-repeat;}
#renseignements a.selected {background:transparent url(/media/images/layout/bg-menu.png) -215px -90px no-repeat;}
#catalogue a.selected {background:transparent url(/media/images/layout/bg-menu.png) -433px -90px no-repeat;}
#support a.selected {background:transparent url(/media/images/layout/bg-menu.png) -540px -90px no-repeat;}
#jobs a.selected {background:transparent url(/media/images/layout/bg-menu.png) -628px -90px no-repeat;}
#contact a.selected {background:transparent url(/media/images/layout/bg-menu.png) -695px -90px no-repeat;}
#plaintes a.selected {background:transparent url(/media/images/layout/bg-menu.png) -433px -90px no-repeat;}



#header ul.jd_menu li#support ul li a{
/*background-color:#003399;*/
width:250px;
height:100%;
color:#ffffff;
}

#header ul.jd_menu li#support ul li a:hover{
/*background:none;
background-color:#103880;*/
color:#ffffff;
/*border-bottom:1px dotted #499bde;*/
}


/******************************************MEDECIN */

#header ul.jd_menuM,
#header ul.jd_menu_vertical{
color:#fff;
background:transparent url(/media/images/layout/bg-menu-medecin.png) top no-repeat;
float:left;
width:920px;
height:45px;
list-style:none;
margin-left:5px;
margin-top:-8px;
position: relative;
}

#header ul.jd_menuM ul {
	/*display: none;*/
}

#header ul.jd_menuM li {
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}

#header ul.jd_menu_vertical li {
	float: none;
}

#header ul.jd_menuM li a {
height: 45px;
display: block;
}

#header ul.jd_menuM li a span {
visibility:hidden;
}



#header ul.jd_menuM ul,
#header ul.jd_menu_vertical ul{
	position: absolute;
display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}

/*#header ul.jd_menu ul li, #header ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;	
}*/

#header ul.jd_menuM ul {

	height: auto;
	padding-bottom:2px;
}

ul.jd_menu_vertical {
	height: auto;
}


* html #header ul.jd_menuM ul {
	width: 100%;
}

#header ul.jd_menuM ul li {
	font-size: 11px;
	color: #FFF;
	/*line-height: 14px;*/
	margin:0;
	padding:0;
	padding-top:3px;
	padding-left:10px;
	cursor:pointer;
	white-space:nowrap;
	text-align:left;
	height:32px;
	border-top:0;
	float:none;
	position:relative;
	background-image:url(/media/images/menu/bg-ss-menu.jpg);
	background-repeat:repeat-x;

}

#header ul.jd_menuM li ul li a {
	text-decoration: none;
	text-transform:none;
	display:block;
	float:none;
	height:20px;
	padding:5px 4px 0px 5px;


}


#header ul.jd_menuM li ul li a:hover {
background-image:none;
font-weight:bold;

}

#accueilM {left:0; width:81px;}
#eResultM {left:81px; width:100px;}
#commandeMaterielM {left:181px; width:192px;}
#catalogueAnalysesM {left:373px; width:190px;}
#myLaboM {left:563px; width:86px;}


#accueilM a:hover {background:transparent url(/media/images/layout/bg-menu-medecin.png) 0 -45px no-repeat;}
#eResultM a:hover {background:transparent url(/media/images/layout/bg-menu-medecin.png) -81px -45px no-repeat;}
#commandeMaterielM a:hover {background:transparent url(/media/images/layout/bg-menu-medecin.png) -181px -45px no-repeat;}
#catalogueAnalysesM a:hover {background:transparent url(/media/images/layout/bg-menu-medecin.png) -373px -45px no-repeat;}
#myLaboM a:hover {background:transparent url(/media/images/layout/bg-menu-medecin.png) -563px -45px no-repeat;}


#accueilM a.selected {background:transparent url(/media/images/layout/bg-menu-medecin.png) 0 -90px no-repeat;}
#eResultM a.selected {background:transparent url(/media/images/layout/bg-menu-medecin.png) -81px -90px no-repeat;}
#commandeMaterielM a.selected {background:transparent url(/media/images/layout/bg-menu-medecin.png) -181px -90px no-repeat;}
#catalogueAnalysesM a.selected {background:transparent url(/media/images/layout/bg-menu-medecin.png) -373px -90px no-repeat;}
#myLaboM a.selected {background:transparent url(/media/images/layout/bg-menu-medecin.png) -563px -90px no-repeat;}



/********************************************************************* SOUS-MENU */

ul#ssMenu{
padding-bottom:25px;
padding-top:15px;
}

ul#ssMenu li{
list-style-type:none;
}

ul#ssMenu li span a{
display:block;
background:url(/media/images/menu/puce-ss-menu.jpg) no-repeat 20px 11px;
width:258px;
height:22px;
color:#042c51;
padding: 6px 0px 0px 30px;}

ul#ssMenu li span a:hover{
background:url(/media/images/menu/fond-menu-over.jpg) no-repeat 0px 0px;
color:#1480a8;
font-weight:bold;
padding-left:15px;
width:273px;
}

ul#ssMenu li.current span a{
background:url(/media/images/menu/fond-menu-over.jpg) no-repeat 0px 0px;
color:#1480a8;
font-weight:bold;
padding-left:15px;
width:273px;
}


/************************************************************ SS SS MENU */

ul.listeSsSsMenu{
margin:5px 0px 10px 29px;
font-size:11px;}

ul.listeSsSsMenu li{
padding-bottom:5px;
}

ul.listeSsSsMenu li a{
background-color:#d4d4d4;
/*background-image:url(/media/images/menu/bg-ss-ss-menu.jpg);
background-position:top left;
background-repeat:repeat-x;*/
display:block;
color:#5f5f5f;
padding:3px 8px;
width:237px;}

ul.listeSsSsMenu li a:hover{
background-color:#ffffff;
color:#1480A8;
}

ul.listeSsSsMenu li a.current{
background-color:#ffffff;
color:#1480A8;
}

#ssMenu li ul.listeSsSsMenu{
display:none;}

#ssMenu li.current ul.listeSsSsMenu{
display:block;}




/******************************************************************** GENERAL */
#general {
width:930px;
background:transparent url(/media/images/layout/bg-content.png) center repeat-y;
margin:auto;
}

#general .content {
width:920px;
margin:auto;
background:url(/media/images/layout/fond-content.jpg) repeat-y top right;


}

#leftColumn {
float:left;
width:578px;
min-height:430px;
height:auto !important;
height:420px;
background:#fff;
padding: 25px 30px;
text-align:justify;
color:#042c51;
}

#rightColumn {
background-image:url(/media/images/layout/fond-colonne-right.jpg);
background-repeat:repeat-y;
float:right;
width:282px;
min-height:435px;
height:auto !important;
height:475px;
/*background:#f0f0f0;*/
padding: 13px 0px 20px 0px;
color:#042c51;
/*border-left:1px solid #BEBEBE;*/
}

#rightColumn div#videos {

}

#rightColumn div#videos img{
margin-left:15px;
margin-top:10px;}


.actu {
background:transparent url(/media/images/layout/bg-bloc-actu.png) no-repeat;
display:block;
float:left;
margin:0 5px;
width:174px;
height:194px;
padding:8px;
color:#042c51;
}

.actu h2 {
text-align:center;
color:#5f9000;
margin-bottom:10px;
}

.actu h3 {
color:#066598;
}

/******************************************************************** FOOTER */

#footer {
background:#28537b url(/media/images/layout/bg-footer.png) top repeat-x;
position:relative;
margin-top:-130px;
height:130px;
width:100%;
clear:both;
color:#fff;
}

#footer .content {
background:transparent url(/media/images/layout/bg-footer-top.jpg) top no-repeat;
width:920px;
margin:auto;
height:60px;
padding-top:50px;
}

#footer .content p {
padding-top:15px;
font-size:10px;
}

#footer_white
{
	background-color:white;
	height:85px;
}

/******************************************************************** Texte */

a {
text-decoration:none;
color:#43a7cb;
}

a:hover {
text-decoration:none;
color:#40556a;
}

p {
margin-top:5px;
margin-bottom:10px;
line-height:16px;
}

.spacer {
clear:both;
visibility:hidden;
}

ul li {

}

ul.listePage{
margin-left:30px;
}

ul.listePage li{
list-style-image:url(/media/images/layout/puce.jpg);

padding-bottom:8px;
}

a img {
border:0;
}

.left {
float:left;

}
.right {
float:right;

}

.mee {
color:#f4bd00;
}


h1 {
background:transparent url(/media/images/layout/bg-h1.png) left bottom repeat-x;
padding-bottom:2px;
width:100%;
font-size:18px;
line-height:26px;
font-weight:normal;
color:#1480a8;
margin-bottom:20px;
}

h1 img {
margin-right:5px;
}

#rightColumn h1 {
margin:0px 15px;
font-size:18px;
width:250px;

}

h1 span {
color:#719703;
font-size:18px;
}

#rightColumn h1 span {
font-size:17px;
}

h2 {
color:#066598;
font-size:16px;
font-weight:normal;
}

h3 {
font-size:14px;
color:#07335d;
margin-bottom:10px;

}

strong {
color:#739903;
}


.coordonnee{
margin-left:20px;
margin-top:15px;
}


.coordonnee span {
background:#dde3cd;
width:35px;

color:#739903;

}
span.button a
{
	border:1px solid #90AF3A;
	background-color:#90AF3A;
	display:block;
	color:white;
	width:105px;
	height:13px;
	line-height:11px;
	font-size:11px;
	-moz-border-radius-topleft: 2px; 
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	margin:auto;
	text-align:center;
}

ol{
margin-left:30px;}

#candidatureSpontanee{
margin-left:15px;
margin-right:15px;
margin-bottom:15px;}

/********************************************** CONTACT */


#contact label.error, #contact input.submit {
background:transparent url(/media/images/contact/error-form-label.png) no-repeat scroll 80% 60%;
float:right;
border:none;
width:145px;
color:#808080;
font-size:9px;
/*margin-left:253px;*/
}

.uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select {
border:1px solid #BCBCBC;
width:62%;
}

.uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload {
border:1px solid #BCBCBC;
width:62%;
}


/************************************** Citation */

p.meeQuote {
color:#719703;
font-size:16px;
font-style:italic;
line-height:22px;
padding:15px 35px 15px 30px;
position:relative;
text-align:left;
margin:15px 0;
}

p.meeQuote span {
/*display:block;*/
padding-left:30px;
padding-right:10px;
position:relative;
}

.quoteLeft {
left:30px;
top:0;
}

.quoteRight {
bottom:0;
/*right:32px;*/
}
.quoteLeft, .quoteRight {
position:absolute;
}



/****************************************************** catalogue */

ul.listeChaineCaractere li{
list-style:none;}

.catalogueAnalyseRight{
margin-left:15px;
margin-right:15px;}


table.tableauCatalogueAnalyse{
border:1px solid #999999;
margin-bottom:25px;
}

table.tableauCatalogueAnalyse tr td{
padding:3px;
border:1px solid #999999;}

.liste {
	margin: 0px 0px 10px 29px;
}

.synonymes {
	text-align: left;
	font-style: italic;
	font-size: 10px;
	margin-left:2px;
}

/***** Accès Rapides ********/

/** Patient **/

.bgAccesPatient {
	background: url(/media/images/layout/bg-acces-patient.jpg) top left no-repeat;
	margin: 0 auto;
	width:252px;
	padding: 40px 0px 8px 0px;
}

/** Medecin **/

.bgAccesMedecin {
	background: url(/media/images/layout/bg-acces-medecin.jpg) top left no-repeat;
	margin: 0 auto;
	width:252px;
	padding: 40px 0px 8px 0px;
	height: 55px;;
}