/*-------------------------------------------------------------------------------------*/
/*=  Global site                                                                       */
/*-------------------------------------------------------------------------------------*/
body {
	font-size: 80%;
	font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
	margin: 0; padding: 0;
	}
body { background: white url(/global/medias/bgBody.gif) repeat-x;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
blockquote,fieldset,input,img,legend {margin: 0; padding: 0;}

h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}
/*img { display: block;}*/
em {font-style: normal}
ul, ol {list-style: none}
a {text-decoration: none; color: #202759; }
a img {border: 0;}
span.hide {display: none}
.break {clear: both;}
#cale{width: 100%; clear: both; font-size: 1px; color: white }

p, li { font-size: 0.9em; line-height: 1.3em;}
li li {font-size: 1em;}

hr {
	margin: 0; padding: 0;
	border: 0;
	border-top: 2px #aaa solid;
	}

/*-------------------------------------------------------------------------------------*/
/* = GLOBAL STRUCTURE                                                                  */
/*-------------------------------------------------------------------------------------*/

#allContent, #page {width: 780px;} 
#allContent {
    margin: 0 auto;
    position: relative;
    text-align: left;
	background: transparent url(/global/medias/bgContent.gif) repeat-y
    }
#page { 
	float: left;
	background: transparent url(/global/medias/bgPage.gif) repeat-y;
	}
#navHaute, #MenuGlobal,
#mainContent,  #footer { width: 762px; margin: 0 0 0 9px; }
#mainContent {
	border-bottom: 1px #888D9B solid;
	padding-bottom: 40px;
	}

/*-------------------------------------------------------------------------------------*/
/* =  Home page / accueil                                       Gestion de la Colone A */
/*-------------------------------------------------------------------------------------*/

body#home { background: white url(/global/medias/bgBody.gif) repeat-x; }
#logJVfooter{ position: absolute; top: 735px; left: 25px; }
body#home #colA #preparez, body#home #colA #laclinique, body#home #colA #news { position: absolute; width: 210px;}
body#home #colA #laclinique{width:300px;}
body#home #colA #preparez { top: 325px; left: 360px; }
body#home #colA #laclinique { top: 525px; left: 25px;}

body#home #colA #preparez h3 { color: #ff0000; font-weight: bold; }
body#home #colA #laclinique h4, body#home #colA #preparez h4 { font-size: 0.9em; color:#999;}
body#home #colA #laclinique p, body#home #colA #preparez p { font-size: 0.8em; font-weight: bold;}
body#home #visite {position: absolute; top: 225px; left: 9px;}
body#home #visite h2 {margin: 0; padding: 0;}
body#home #visite h2 a {
	display: block;
	color: red;
	background: transparent url(/global/medias/btnVisitez.gif) no-repeat;
	width: 111px; height: 34px;
	text-indent: -1000em;
	}

/* = News home-------------  */
	body#home #colA #news { top: 580px; left: 360px; }
	body#home #colA #news h3 {
		font-size: 1.1em;
		color: #BDC1D3;
		text-transform: uppercase;
		padding-left: 5px; margin-bottom: 3px;
		letter-spacing: 3px;
		}
	body#home #colA .article {
		background-color: #F0F1F6;
		padding: 5px;
		border-bottom: 1px #fff solid;
		}
	body#home #colA .article h4 {
		font-size: 0.9em;
		padding: 0 0 0 15px; margin:0;
		color: black; font-weight: bold;
		background: transparent url(/global/medias/itemLiA.gif) no-repeat 0 2px;
		}
	body#home #colA .txtArticle {color: #999;}
	body#home #colA .lienArticle {text-align: right;}
	body#home #colA .lienArticle a {
		color: red;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px red solid;
	}

body#home #colA #laclinique a, body#home #colA #preparez ul li a {display: block;}
body#home #colA #laclinique a { 
	color: red; font-size: 0.9em; 
	text-decoration: underline;
	padding: 0 0 0 10px; margin: 5px 0 0 0;
	background: transparent url(/global/medias/itemA.gif) no-repeat 0 2px;
	}
body#home #colA #laclinique h1 {text-indent: -1000em; background: none; height: 0; width: 0;}
body#home #colA #preparez ul { margin-top: 10px;}
body#home #colA #preparez ul li { border-top: 1px #ccc dashed; padding: 5px 0 5px 0;}
body#home #colA #preparez ul li a {
	font-size: 1.0em;
	padding: 0 0 0 15px; margin:0;
	color: black; font-weight: bold;
	background: transparent url(/global/medias/itemLiA.gif) no-repeat 0 2px;
	}
body#home #colA #preparez ul li a:hover { color: red;}

/*-------------------------------------------------------------------------------------*/
/* =  HEADER                                                                           */
/*-------------------------------------------------------------------------------------*/

#header { height: 148px; 
	background: transparent url(/global/medias/bgHeader.gif) repeat-y;
	}
#header img.logoJV { position: absolute; top: 0; left: 9px;}
#navHaute, #bandeau, #MenuGlobal { position: absolute;  }
#navHaute, #bandeau {  margin-left: 194px; width: 577px; }
#navHaute { height: 18px; background-color: #FF0000;}
#bandeau {
	top: 18px;
	height: 110px;
	background: transparent url(/global/medias/bandeau.jpg) no-repeat;
	}
#bandeau .linkMLA {
	position: absolute; top: 58px; left: 440px;
	display: block; width: 136px; height: 51px;
	text-indent: -1000em;
}
#MenuGlobal { top: 127px; height: 25px; z-index: 1000; }
#navHaute li, #MenuGlobal li { display: inline; text-transform: uppercase; }

/*-------------------------------------------------------------------------------------*/
/* =  HEADER                                                          Navigation haute */
/*-------------------------------------------------------------------------------------*/

#navHaute li a { 
	display: block; float: left;
	color: white; font-size: 0.8em;
	letter-spacing: 1px;
	padding: 2px 5px 0 10px;  margin: 0 5px 0 5px;
	background: transparent url(/global/medias/itemLiNavHaute.gif) no-repeat 0 60%;
	}
#navHaute li a:hover { color: black;}
#menu24 a {
	background: #FF9300 url(/global/medias/itemLiNavHaute.gif) no-repeat 0 60% !important;
	color: #000!important;
	font-weight: bold;
	}

/*-------------------------------------------------------------------------------------*/
/* =  HEADER                                                    gestion du menu global */
/*-------------------------------------------------------------------------------------*/

#MenuGlobal { }
#MenuGlobal li { }
#MenuGlobal li img, #MenuGlobal li a { float: left;}
#MenuGlobal li { display: inline;}
#MenuGlobal li a {
	display: block; 
	font-size: 0.9em; color: #999; padding: 5px 5px 0 20px;  
	background: transparent url(/global/medias/flcMG.gif) no-repeat 0 5px;
	}
#MenuGlobal li a:hover { color: red;}
ul.niv2 { 
	display: none;
	position: absolute;
	top: 0; left:0;
	width: 180px;
	}
#Menu1 { margin: 21px 0 0 0;}
#Menu2 { margin: 21px 0 0 185px;}
ul.niv2 li.n2 { }
ul.niv2 li.n2 a {
	display: block; width: 100%;
	padding: 5px 0 5px 15px!important;
	background: #FFB54A url(/global/medias/flcMGn2.gif) no-repeat 3px 5px!important;
	border-bottom: 1px #DF9A3F solid;
	font-size: 1em!important; color: #333!important;
	}
ul.niv2 li.n2 a:hover { 
	color:white!important; 
	background-color: #ff0000!important;
	background-position: 3px -85px!important;;
	}

#MenuGlobal #actuLink a {
	color: #fff; background-color: #FB4B0A;
	width: 73px;
	margin-top: 1px;
	}


/*-------------------------------------------------------------------------------------*/
/* =  GLOBAL CONTENU                                                       MAINCONTENT */
/*-------------------------------------------------------------------------------------*/
#colA, #colB { float: left;}
body#home #colA { 
	height: 600px; 
	background: transparent url(/global/medias/IMAGE_ACCUEIL_06.jpg) no-repeat;
	}
#colA { width:572px; background: transparent url(/global/medias/bgContentColA.gif) repeat-x ; }
body#actus #colA{background-image:none;}
#colB {
	width: 190px;
	/*background: transparent url(/global/medias/bgcolB.gif) no-repeat 0 0;*/
	}

/*                                                                  titrage et contenu */
#colA h1 { 
	font-size: 1.4em; font-weight: bold; padding: 0 0 0 25px;
	background: transparent url(/global/medias/flcMG.gif) no-repeat;
	text-transform: uppercase;
	}
#colA h1 span { clear: both; display: block; font-size: 0.7em!important;  color: #999;}
#colA h2 { 
	color: #ff0000;
	font-weight: bold;
	padding: 5px 0 0 25px; margin: 0 0 7px 0;
	background: transparent url(/global/medias/flcH2.gif) no-repeat 0 7px;
	}
#colA p { margin: 5px 0 0 0;}

#colB h2, #colB h3 { 
	width: 165px;
	letter-spacing: 0.08em;  padding: 7px 5px 5px 20px;
	background: #ff0000 url(/global/medias/flcH2ColB.gif) no-repeat -5px 0;
	border-bottom: 1px #fff solid;
	}
#colB h2 { color: #FFCC00;}
#colB h3 { font-size: 0.8em; color: white;}
#colB p { padding: 5px; color: black; background-color: #FF9600;}


/*-------------------------------------------------------------------------------------*/
/* = coloneA                                                                           */
/*-------------------------------------------------------------------------------------*/

/*body #colA img { display: block}*/
#intro #visuelIntro, #intro #contentIntro { float: left;}
#intro #contentIntro { width: 252px; padding: 10px;}
#intro #contentIntro a {color: red;}
#contentIntro h2 {
	/*line-height: 25px;*/
	line-height: auto;
	padding: 10px 0 2px 25px;
	}
	
/*#intro #contentIntro a { 
	display: block;
	margin: 5px 0 0 0;
	padding: 0 15px 0 0;
	color: #ff0000; 
	text-align: right; text-decoration: underline;
	background: transparent url(/global/medias/itemA.gif) no-repeat right; 
	}
*/	
#intro p, #intro ul { margin: 10px 0 10px 0;}
#intro ul {margin-left: 10px;}
#intro li {
	background: transparent url(/global/medias/itemA.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-bottom: 3px;
}
#intro ol {list-style-type: decimal; padding-left: 10px; margin-left: 10px;}
	

#content { 
	padding: 10px;
	position: relative;
	}
#content h2 {
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #FF2900;
	text-transform: uppercase;
	padding: 0.5em 0 3px 25px;
	border-top: 1px #ccc dashed;
}
#content h3 {
	font-size: 1.1em;
	letter-spacing: 1px;
	color: #FF2900;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	}
#content h4 {
	font-size: 1.1em;
	letter-spacing: 1px;
	color: #FF2900;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	}
#content h5 {
	font-size: 0.9em;
	letter-spacing: 1px;
	color: #555555;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	}



#content p, #content ul { 
	margin: 10px 0 10px 0;
	color: #333;
	}

#content p {
	padding: 0 0 5px 10px;
	line-height: 1.7em;
	}

#content ul { padding: 0 0 7px 0;}
#content ul li {
	margin: 0 0 0 20px;
	padding: 2px 0 5px 25px!important;
	color: #333; line-height: 1.7em!important;
	background: transparent url(/global/medias/flcListe.gif) no-repeat 0 0; 
	}
#content ul li a {}

#content a {
	border-bottom: 1px #ccc solid;
	padding-bottom: 1px;
	}


/*-------------------------------------------------------------------------------------*/
/* = coloneA                                                               PRATICIENS  */
/*-------------------------------------------------------------------------------------*/
body#praticiens #colA #content h2 { 
	color: white!important; font-weight: normal!important;
	letter-spacing: 0.25em;
	background: #ff0000 url(/global/medias/flcH2Red.gif) no-repeat!important;
	}
body#praticiens #colA #content #choix { 
	float: left; width: 552px;
	margin: 0 0 15px 0; padding: 0;
	background-color: #FFA500;
	}

body#praticiens #colA #content #choix p,
body#praticiens #colA #content #resultRecherche p {border:0!important}

body#praticiens #colA #content #choix form { margin-bottom: 10px; width: 100%;}
body#praticiens #colA #content #choix form p { clear: both;}
body#praticiens #colA #content #choix form select { 
	width: 75%; font-size: 0.8em;
	border: 1px #333 solid; background-color: white;
	}
body#praticiens #colA #content #choix form input.ValideDemande {
	float: right; margin:0!important; padding:0!important;
	}

/* = coloneA                                                 Résultat de la recherche */

body #colA #content #resultRecherche {
	border: 1px #CFCFCf solid;
	position: relative;
	}


body #colA #content #resultRecherche h2 { background: #FFA500 url(/global/medias/flcH2sans.gif) no-repeat 0 0!important;}
body #colA #content #resultRecherche .boucleResult { 
	float:  left; width: 97%;
	padding: 0 0 10px 0;
	}
body #colA #content #resultRecherche .boucleResult small {
	display: block; line-height: 1.2em;
	margin: -15px 0 0 0;
	}
body #colA #content #resultRecherche .boucleResult h3,
body #colA #content #resultRecherche .boucleResult p,
body #colA #content #resultRecherche .boucleResult p img,
body #colA #content #resultRecherche .boucleResult a.lnk { 
	float: left; 
	font-size: 0.9em;
	border: 0!important;
	}
body #colA #content #resultRecherche .boucleResult .spec{
	font-size: 9px!important;
	}

body #colA #content #resultRecherche .print {
	border: 0;
	font-size: 9px!important;
	float: right;
	}
body #colA #content #resultRecherche .boucleResult a.email {
	margin: 0!important; padding: 0 0 0 20px!important;
	float: none;
	background: transparent url(/global/medias/icn_email.gif) no-repeat 0 50%;
	
	}

body #colA #content #resultRecherche .boucleResult h3 { 
	width:120px; color: red; padding:  0 0 0 10px;
	}
body #colA #content #resultRecherche p {
	width: 260px;
	margin: 0!important; padding: 0 0 0 15px;
	background: transparent url(/global/medias/itemPraticien.gif) no-repeat 0 3px;
	} 
body #colA #content #resultRecherche p img { 
	display: block;
	margin: 0!important; padding: 0 0 10px 0!important;
	border:  1px #666 solid;
	}
body #colA #content #resultRecherche a.lnk {
	display: block; width: 100px;
	padding: 3px 0 5px 20px!important;
	margin: 0 0 0 5px;
	background: transparent url(/global/medias/itemVoir.gif) no-repeat 0 0;
	}

/* = coloneA                                                      Visiter la clinique */
body#visite {}
body#visite #content ul {border: 0!important;}
body#visite #content li, body#visite #content li { }
body#visite #content li {
	width: 110px;
	height: 150px;
	float: left;
	font-size: 1em;
	}
body#visite #content li a {color: black!important; padding: 5px 0 0 0;}
body#visite #content li a img {border: 1px #666 solid;}

/*-------------------------------------------------------------------------------------*/
/* = coloneA                                                    AVANTAGES MUTUALISTES  */
/*-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*/
/* = coloneA                                                                ACTUALITÉS */
/*-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*/
/* = coloneB                                                           Sous Navigation */
/*-------------------------------------------------------------------------------------*/
ul#sousNav { background-color:#FF9600; clear: both;}
ul#sousNav li { padding: 0 0 5px 0;}
ul#sousNav li a { 
	display: block; width: 180px;
	padding: 2px 0 2px 10px;
	background: transparent url(/global/medias/liSousNav.gif) no-repeat 0 0;
	}
ul#sousNav li a:hover { background-position: 0 -58px; }

/*-------------------------------------------------------------------------------------*/
/* = coloneB                                                         Zone de recherche */
/*-------------------------------------------------------------------------------------*/

#recherche { 
	width: 160px; height: 58px; 
	padding: 10px 0 0 30px;
	background: transparent url(/global/medias/bgRech.gif) no-repeat top left;
	}
#recherche h2 {text-indent: -1000em; background: none; height: 0; width: 0; margin: 0; padding: 0;}
body#praticiens #recherche,
#recherche {
	background: transparent url(/global/medias/bgRechSans.gif) no-repeat top left!important
	}
#recherche p { 
	float: left;
	padding: 0!important;
	background-color: white!important;
	}
#recherche p input { float: left; width: 125px; border: 1px #ccc solid; color:#666;}
#recherche p input.envoi { width: 20px!important; margin: 0 0 0 5px; border:0; }

/*-------------------------------------------------------------------------------------*/
/* = coloneB                                                               Specialites */
/*-------------------------------------------------------------------------------------*/

/* = Liste specialites-------------  */
#colB #specialites { background-color:#FF9600; }
#colB #specialites h2 { color: white}
#colB #specialites h2 a { color: white}
#colB a { color: white}
#colB #specialites p img { float: right;}
#colB #specialites ul {}
#colB #specialites ul li {width: 190px; border-top: 1px #FFB54A dashed;}
#colB #specialites ul li li {font-size: 11px;}
#colB #specialites ul li a { 
	display: block;
	color: white; padding: 2px 0 2px 15px;
	background: transparent url(/global/medias/liListeSpecialites.gif) no-repeat 0 0;
	}
#colB #specialites ul li a:hover {
	color: red; 
	background-color: #FFB54A;
	background-position: 0 -55px;
	 }
#specialiteNiveau { display: none; }

/* = Liste Sites   Modif ND -------------  */

#colB #Sites  { color: white}
#colB ul#listSites { background-color:#FF9600; }
#colB ul#listSites li {width: 190px; border-top: 1px #FFB54A dashed;}
#colB ul#listSites li li {font-size: 11px;}
#colB ul#listSites li a { 
	display: block;
	color: white; padding: 2px 0 2px 15px;
	background: transparent url(/global/medias/liListeSpecialites.gif) no-repeat 0 0;
	}
#colB ul#listSites li a:hover {
	color: red; 
	background-color: #FFB54A;
	background-position: 0 -55px;
	 }
/*  ----  */



#colB .next {margin: 0; padding: 0;}
#colB .next a { 
	display: block;
	color: white; padding: 5px 0 2px 15px;
	background: transparent url(/global/medias/liListeSpecialites.gif) no-repeat 0 0;
	}
#colB .next a:hover {
	color: red; 
	background-color: #FFB54A;
	background-position: 0 -55px;
	 }
#colB #specialiteNiveau a {
	background-color: #C78020!important;
	margin-left: 5px;
	}

#colB #specialiteNiveau a:hover {background-color: #FFB54A!important}



/* Modif sous nav specialte */

#colB #specialiteNiveau27 a {
	background-color: #C78020!important;
	margin-left: 5px;
	}
#colB #specialiteNiveau27 a:hover {background-color: #FFB54A!important}

#colB #specialiteNiveau75 a {
	background-color: #C78020!important;
	margin-left: 5px;
	}
#colB #specialiteNiveau75 a:hover {background-color: #FFB54A!important}

#colB #specialiteNiveau76 a {
	background-color: #C78020!important;
	margin-left: 5px;
	}
#colB #specialiteNiveau76 a:hover {background-color: #FFB54A!important}

#colB #specialiteNiveau77 a {
	background-color: #C78020!important;
	margin-left: 5px;
	}
#colB #specialiteNiveau77 a:hover {background-color: #FFB54A!important}

#colB #specialiteNiveau78 a {
	background-color: #C78020!important;
	margin-left: 5px;
	}
#colB #specialiteNiveau78 a:hover {background-color: #FFB54A!important}

#colB .specialiteNiveau a {
	background-color: #C78020!important;
	margin-left: 5px;
	}
#colB .specialiteNiveau a:hover {background-color: #FFB54A!important}

/*-------------------------------------------------------------------------------------*/
/* =  FOOTER                                                                           */
/*-------------------------------------------------------------------------------------*/

#footer { }

/* = Actualités-------------  */
	
	body#actus #mainContent {background: transparent url(/global/medias/imgIntroactus.jpg) no-repeat;}
	body#actus #intro {margin-left: 300px;}
	body#actus #content {margin: 100px 20px 0 80px; }
	body#actus #recherche {
		height: 24px; margin-bottom: 100px;
		background: none;
		}

	body#actus #intro h2 {color: #888; background: none; padding: 0; margin-left: 25px ;}
	body#actus .colArticle {
		float: left;
		width: 225px;
		border-right: 1px #fff solid;
		}
	body#actus .categorieActu {
		background-color: #FCFFC1;
		margin-bottom: 10px;
		overflow: auto;
		}
	body#actus #colB .colArticle {width: 190px; border: 0;}
	body#actus .categorieActu p {
		border: 0; margin: 0; padding: 0;
		background: none;
		}
	body#actus .categorieActu .corpsArticle {
		background: transparent url(/global/medias/itemLiA.gif) no-repeat scroll 0pt 2px;
		color: black;
		font-size:0.9em;
		margin:0pt;
		padding:0pt 0pt 0pt 15px;
		font-weight: bold;
		}
	body#actus .categorieActu h2 {
		background: #BD0017 url(/global/medias/flcMG.gif) no-repeat 3px 5px;
		color: #fff;
		padding: 5px 0 5px 24px; margin: 0;
		width: auto;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: normal;
		border: 0;
		}
	body#actus .articleLien {text-align: right;}
	body#actus .articleLien a {
		border: 0;
		display: block;
		color: red;
		padding-bottom: 2px;
		padding-right: 15px;
		background: transparent url(/global/medias/itemA.gif) no-repeat scroll 100% 3px;
		}
	body#actus .article {padding: 10px;}



/* = Spécialités-------------  */



body#pagespecialites #colA #content #choix h2 { 
	color: white!important; font-weight: normal!important;
	letter-spacing: 0.25em;
	background: #ff0000 url(/global/medias/flcH2Red.gif) no-repeat!important;
	}
	
body#pagespecialites #colA #content #choix { 
	float: left; width: 552px;
	margin: 0 0 15px 0; padding: 0;
	background-color: #FFA500;
	}

body#pagespecialites #colA #content #choix p,
body#pagespecialites #colA #content #resultRecherche p {border:0!important}

body#pagespecialites #colA #content #choix form { margin-bottom: 10px; width: 100%;}
body#pagespecialites #colA #content #choix form p { clear: both;}
body#pagespecialites #colA #content #choix form select { 
	width: 75%; font-size: 0.8em;
	border: 1px #333 solid; background-color: white;
	}
body#pagespecialites #colA #content #choix form input.ValideDemande {
	float: right; margin:0!important; padding:0!important;
	}



/* = Spécialités-------------  */
body#pagespecialites #mainContent {background: transparent url(/global/medias/bgMainContent.gif) repeat-y 100% 0;}
/* = Générique-------------  */
body#generique #mainContent {background: transparent url(/global/medias/bgMainContent.gif) repeat-y 100% 0;}
/* = Clinique-------------  */
body#clinique #mainContent {background: transparent url(/global/medias/bgMainContent.gif) repeat-y 100% 0;}
/* = Praticiens-------------  */
body#praticiens #mainContent {background: transparent url(/global/medias/bgMainContent.gif) repeat-y 100% 0;}

.returnActu {color: red;}
.returnActu a {
	border: 0!important;
	color: red;
	font-weight: bold;
	}
	
#lienVideo{
width: 98%;
float:left;
clear: both;
margin: 10px 0;
padding:10px 0;
}

#lienVideo a{
display:block;
font-size:0.9em;
text-decoration:none;
padding:10px 0 25px 50px;
background: url(/media/boutons/picto_video.gif) no-repeat top left;
}

#lienVideo  a:hover{
background: url(/media/boutons/picto_video-over.gif) no-repeat top left;
}

/* AJOUTS FICHE PRATICIEN */

.photoID {float:right; position: absolute; right: 8px; top:70px; margin: 0 25px 0 0px;}

body #colA #content #resultRecherche p.pasDePuce {
	margin: 0!important; padding: 0 0 0 8px;
	background: url(/global/medias/petitePuce-rouge.gif) no-repeat 2px 6px;
}