@charset "utf-8";

* {margin:0; padding:0; border:0 none; }
body { background: #92b9ca url('../image/background.gif') repeat-x 0 0; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:medium; }
ul, li { list-style:none; }
p { margin-bottom:10px; margin-top:10px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
input { border:1px solid #000; }
table { border:0; }

/* deb PARTIE PIERRE */
.input_txt {border: 1px solid #000; padding: 2px; color: #ff7e00; font-size: 10px; background-color: transparent;}
.highlight {color: #2241ff; font-weight: bold;}
.c {text-align: center;}
.u {text-decoration: underline;}
.bleu {color: #03F;}
.j {text-align: justify;}
.r {text-align: right;}
.l {text-align: left;}
.float_link {float: left; margin: 0 25px 10px 10px;}
.float_link img {margin-top: 4px; margin-left: 4px;}
.float_link a {display: block; width: 118px; height: 68px;}
.float_link a {background: url(../pharma_new2/design/hover_link.png) no-repeat;}
.float_link a:focus, .float_link a:hover, .float_link a:active {background-position: -118px 0;}
.links {height: 80px;}
/* fin PARTIE PIERRE */

#centrage { margin:0 auto; width:1000px; }

#total { float:left; width:1000px; }

/* HEADER  ----------------------------------------------------------------------------------------*/
#header { float:left; background:url('../image/back-header.jpg') no-repeat 0 0; width:980px; height:118px; padding-left:11px; padding-right:9px; }
.logos { float:left; width:115px; height:114px; padding:4px 0px 0px 5px; }
.ordo { float:left; width:160px; height:88px; padding:10px 10px 20px 545px; }
.search { float:right; width:135px; height:88px; padding:10px 10px 20px 0px; }
#header h3 { color:#fff; font-size:medium;  margin-top:0px; }
#header p { font-size:x-small; color:#fff; }
#header a { color:#fff;}
#header a:hover { color:#ff7e00; }

/* INTER ----------------------------------------------------------------------------------------*/
#inter { float:left; width:980px; padding-left:11px; padding-right:9px; background:url('../image/back-inter.gif') repeat-y 0 0; }


#navig { float:left; width:125px; }
#navig h4 { width:120px; height:22px; background:url('../image/back-navig.gif') no-repeat 0 0; padding-left:5px; padding-top:5px; font-size:small; color:#366376; }
#navig h4.sante { background:url('../image/back-sante.gif') no-repeat 0 0; }
#navig ul { margin-bottom:10px; }
#navig ul li { margin-left:5px; background:url('../image/picto-navig.gif') no-repeat 0 8px; }
#navig ul li a { padding-left:12px; color:#366376; font-size:x-small; }

#content { float:left; overflow:hidden; width:610px; min-height:550px; padding-left:25px; padding-right:20px; background:url('../image/back-content.gif') no-repeat top center; }

#totem { float:left; width:200px; margin-bottom:50px; }
#totem ul li { width:185px; height:91px; font-size:small; color:#fff; padding:7px 5px 0px 10px; margin-bottom:5px; line-height:13px; }
.totem1 { background:url('../image/back-totem1.jpg') no-repeat 0 0; }
.totem2 { background:url('../image/back-totem2.jpg') no-repeat 0 0; }
.totem3 { background:url('../image/back-totem3.jpg') no-repeat 0 0; }
.totem4 { background:url('../image/back-totem4.jpg') no-repeat 0 0; }
.totem5 { background:url('../image/back-totem5.jpg') no-repeat 0 0; }
.totem-txt { font-size:x-small; color:#fff; }

.top { float:left; width:610px; text-align:right; font-size:x-small; background:url('../image/picto-top.gif') no-repeat 500px 2px; height:50px; margin-top:20px; }
.top a, .print a { color:#366376; }

.print { float:right; width:610px; text-align:right; font-size:x-small; background:url('../image/picto-print.gif') no-repeat 510px 0px; height:20px; border-bottom:1px solid #366376; margin-bottom:10px; }
.separateur { float:right; width:610px; text-align:right; font-size:x-small; height:20px; border-bottom:1px solid #366376; margin-bottom:10px; }


/* FILARIANE ----------------------------------------------------------------------------------------*/
#filariane { float:left; background:url('../image/back-filariane.gif') no-repeat 0 0; width:830px; height:27px; padding-left:25px; font-size:x-small; color:#aabaca; }
#filariane a { color:#aabaca; }
#filariane a:hover { color:#ff7e00; }

/* FOOTER  ----------------------------------------------------------------------------------------*/
#footer { float:left; background:url('../image/back-footer.gif') no-repeat 0 0; width:1000px; height:40px; text-align:center; }
#footer ul { padding-top:3px; }
#footer ul li { display:inline; margin-right:10px; margin-left:10px; padding-top:5px; }
#footer ul li a { color:#fff; font-size:small; }

/* JNOV  ----------------------------------------------------------------------------------------*/
#jnov { margin:0 auto; width:1000px; text-align:center; color:#366376; font-size:x-small; }
#jnov a { color:#366376; }


/* INDEX  ----------------------------------------------------------------------------------------*/
body.bodyindex h1 { font-size:1.5em; color:#366376; }
.h1index { color:#aabaca; font-size:10px; }
body.bodyindex h2 { color:#2bb9da; font-size:x-small; margin-bottom:20px; }
body.bodyindex h3 { font-size:medium; color:#ff7e00; }
body.bodyindex h6 { font-size:small; color:#000000; }
body.bodyindex h5 { float:left; color:#366376; font-style:italic; font-size:small; padding-left:26px; background:url('../image/picto-fleche.gif') no-repeat 0px 5px; margin-top:15px; width:584px; }
body.bodyindex .pactu { float:left; width:588px; margin-top:0px; font-size:0.7em; padding-left:22px; }
body.bodyindex .pactu img { margin-right:10px; float:left; }
body.bodyindex .pactuimg { margin-top:0px; font-size:small; padding-left:26px; height:175px; }
body.bodyindex .txt12 { font-size:12px; text-align:justify; }
body.bodyindex .txt13 { font-size:13px; text-align:justify; }
body.bodyindex .txt14 { font-size:14px; text-align:justify; }
body.bodyindex .txt15 { font-size:15px; text-align:justify; }
body.bodyindex .txt18 { font-size:18px; text-align:justify; }
body.bodyindex .pactuimg img { margin-right:10px; float:left; }
body.bodyindex h4 { color:#fff; font-size:small; height:20px; padding-left:5px; padding-top:2px; }
body.bodyindex .h4bleu { background-color:#2bb9da; }
body.bodyindex .h4orange { background-color:#ff7e00; }
body.bodyindex .h4vert { background-color:#c6d779; }
body.bodyindex .h4bleugris { background-color:#7499aa; }
body.bodyindex .listorange a { color:#ff7e00; }
body.bodyindex .listorange li { margin:10px 0px 5px 30px; }

body.bodyindex #colonne1 { float:left; width:610px; margin-bottom:20px; height: 230px; }
body.bodyindex #colonne2 { float:left; width:610px; margin-bottom:20px; height: 230px; }
body.bodyindex #colonne2 .col1 { float:left; width:300px; margin-right:10px; height: 100%; }
body.bodyindex #colonne2 .col2 { float:left; width:300px; height: 100%; }
body.bodyindex #colonne2 .col2bleu { float:left; width:300px; background-color:#2bb9da; }
body.bodyindex #colonne2 .col2bleu p { padding:10px; }
body.bodyindex #colonne2 .col2orange { float:left; width:300px; background-color:#ff7e00; }
body.bodyindex #colonne2 .col2bleugris { float:left; width:300px; background-color:#7499aa; }
body.bodyindex .textblanc { color:#fff; font-size:small; padding:5px; }
body.bodyindex p.imgequipe { float:left; width:610px; font-size:0.7em; }
body.bodyindex p.imgequipe img { float:left; margin-right:10px; }


/* FLUX RSS */
.flux { float:left; width:600px; margin-bottom:10px; }
.flux img { float:left; margin-right:10px; }
body.bodyindex .flux h5 { float:left; color:#366376; font-style: normal; font-size:1.1em; padding-left:26px; background:url('../image/picto-fleche.gif') no-repeat 0px 5px;  width:584px; margin-bottom:10px; } 
body.bodyindex #content .flux p { clear: none; text-align: justify; font-size:.80em; margin:0; padding: 0; }
.flux .fluxdate { font-style: italic; font-size: .65em; color:#000; font-weight:normal; }
body.bodyindex #content .flux p a { text-decoration: underline; }
.flux .fluxplus { text-align: right; float: right; }

/* INTER  ----------------------------------------------------------------------------------------*/
body.bodyinter h1 { font-size:x-large; color:#366376; margin-top:10px; margin-bottom:0px; }
body.bodyinter h2 { float:left; color:#fff; font-size:medium; width:605px; background-color:#2bb9da; height:17px; padding-left:5px; padding-top:3px; }
body.bodyinter h3 { color:#990066; font-size:medium; margin-top:20px; }
body.bodyinter h4 { color:#990066; font-size:small; }
body.bodyinter .h1beaute { margin-bottom:0px; }
body.bodyinter .h2beaute { color:#2bb9da; background:none; padding:0px; font-size:small; }
body.bodyinter p, li { font-size:small; }
body.bodyinter .cadre { float:left; border:1px solid #2bb9da; margin-top:0px; margin-bottom:10px; padding:0px 10px 0px 10px; width:588px; background-color:#fff; text-align: justify; }
body.bodyinter .imgequipe { float:left; width:588px; }
body.bodyinter .imgequipe img { float:left; margin-right:10px; }

body.bodyinter ul.dico-fiche { margin-top:10px; margin-bottom:10px; }
body.bodyinter ul.dico-fiche li { list-style:disc; margin-left:20px; text-align: justify; }
body.bodyinter ul.dico-sante { margin-left:50px; }
body.bodyinter ul.dico-sante li { background:url('../image/picto-fleche.gif') no-repeat left center; padding-left:30px; }
body.bodyinter ul.dico-sante li a, ul.liens li a { color:#366376; font-size:small; }
body.bodyinter ul.liens { margin-left:10px; }
body.bodyinter ul.liens li { background:url('../image/picto-fleche.gif') no-repeat 0 4px; padding-left:30px; margin-bottom:10px; }
body.bodyinter table { padding:5px; }
body.bodyinter table th { background-color:#990066; color:#fff; font-size:small; padding:5px; }
body.bodyinter table td { border:1px solid #990066; padding:5px; vertical-align:top; font-size:x-small; }

body.bodyinter .h4bleu { background-color:#2bb9da; color:#fff; padding-left:5px; }
body.bodyinter .h4orange { background-color:#ff7e00; color:#fff; padding-left:5px; }
body.bodyinter #colonne1 { float:left; width:610px; margin-bottom:20px; }
body.bodyinter #colonne2 { float:left; width:610px; margin-bottom:20px; }
body.bodyinter #colonne2 .col1 { float:left; width:300px; margin-right:10px; }
body.bodyinter #colonne2 .col2 { float:left; width:300px; }
body.bodyinter #colonne2 .col2bleu { float:left; width:300px; background-color:#2bb9da; }
body.bodyinter #colonne2 .col2orange { float:left; width:300px; background-color:#ff7e00; }
body.bodyinter #colonne2 .col2bleugris { float:left; width:300px; background-color:#7499aa; }

.h4pharma { color:#990066; font-size:small; margin-bottom:0px; margin-top:10px; }

.ppharma { margin-top:0px; }

.cachediv { float:left; visibility:hidden; overflow:hidden; height:1px; margin-top:-1px; width:605px; }

.alignright { float:right; margin-left:10px; }
.alignleft { float:left; margin-right:10px; }

.calendrier { width:610px; margin-top:20px; }
.calendrier caption { display:none; }
.calendrier tr { background-color:#FFEAFF; }

#marques { width:610px; margin-top:20px; }
#marques p { height:120px; float:left; margin-right:10px; }

#raccourcis { display:none; }
.color1 {color: #366376;}
.color2 {color: #ffa523;}

/* PETITION ------------------------------------------------------------------------------------ */
.form { float:left; width:560px; padding-left:50px; }
label { display: inline; float:left; width:150px; font-size:0.8em; }
input { background-color: #FFEFD5; }
textarea { background-color: #FFEFD5; border:1px solid #000; }
button { border: 1px solid #988157; font-size:0.9em; color:black; background-color: #F5DEB3; }


/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
	background-color: #FFFFFF;
	border: 1px solid #6699CC;
 }

/* Month and Year Row Setup */
.monthYearRow {
	line-height: 17pt;
	text-align: center;
	vertical-align: middle;
	background-color: #6699CC;
	}
/* Month and Year Text Setup */
.monthYearText {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #FFFFFF;
	}

/* Day Names Row Setup */
.dayNamesRow {
	line-height: 11pt;
	background-color: #F5F4D3;
	text-align: center;
	vertical-align: middle;
	}
/* Day Name Setup */
.dayNamesText {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: Bold;
	color: #433D27;
	background-image: url("image/dayBg.gif");
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	color: #CF0000;
	font-weight:bold;
	}
/*

/* OverLIB popup text size */
.oLib {
	font-family: Arial, sans-serif;
	font-size: 10px;
	}

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-image:  url("image/cdef.gif");
	background-color: #EEEEEE;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-image:  url("image/cdef5.gif");
	background-color: #CCCCCC;
	}
/* fond jour d'aujourd'hui */
.s21 {
	background-color: #6699CC;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	background-color: #6699CC;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	background-color: #6699CC;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	background-color: #6699CC;
	}

/**************************
 * Style pour equivalence *
 **************************/

#content p {
	font-size: 12px;
	clear: left;
	text-align: justify;
}

#bodyOnglet {
	margin-top:3px;
	padding:0px;
	height:340px;
	width:800px;
}

#bodyOnglet select {
	max-width:200px;
}

.searchOnglet {
	background: url(../image/aquaPillule.png) 0 0 no-repeat;
}

.resultOnglet {
	background: url(../image/aquaVert.png) 0 0 no-repeat;
}

#searchGenerique {
	margin-top:50px;
	margin-left:70px;
	margin-right:0px;
	width:240px;
	float:left;
}

#searchPrinceps {
	margin-top:50px;
	margin-left:10px;
	margin-right:0px;
	width:240px;
	float:left;
}

#searchGenerique .title, #searchPrinceps .title{
	color:#184C7C;
	padding-bottom:10px;
}

#searchGenerique input, #searchPrinceps input {
	width:150px;
	height:22px;
	border:1px solid #DDD;background:#FFF;
}

#result {
	padding-left:110px;
	padding-top: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

#result h2 {
	font-size : 17px;
	color: #366376;
}

#result ul li , #result ul {
	margin-left : 30px;
	font-size: medium;
	list-style-type: circle;
}

.onglet
{
	top:71px;
	left:100px;
	padding:15px 45px 5px 45px;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}

.onglet a:hover {
	text-decoration:underline;
}
.onglet a {
	text-decoration:none;
	color : #FFFFFF
}

#search_select, #result_select {
	background: url(../image/onglet_select.png) 0 0 no-repeat;
}

#search_unselect, #result_unselect {
	background: url(../image/onglet_unselect.png) 0 0 no-repeat;
}
#search_select, #search_unselect{
	margin-left:120px;
	margin-right:20px;
}

#result_select, #result_unselect {
	margin-left:20px;
}

/***********************
 *   Style pour Gmap   *
 ***********************/

v\:* {
	behavior: url(#default#VML);
}

.googlemaps { float:left; width:608px; border:1px solid #2bb9da; margin-bottom:15px; }

/*pour les infobulles de la carte*/
#gmapmarker {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 0;
	width: 375px;
	height: 200px;
	overflow: auto;
}
#gmapmarker p {
	text-align: left;
	padding : 2px 0 2px 0;
}
#gmapmarker a {
	text-decoration: none;
	color: #0066CC;
	background-color: transparent;
}
#gmapmarker a:hover {
	color: #F60;
	background-color: transparent;
}
#gmapmarker h1 {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: #369;
	border-bottom: 2px solid #369;
	padding : 2px;
	margin : 0;
	margin-bottom:5px;
}
#gmapmarker img {border: #000 1px solid; display: block;}

/* pour les itinéraires */

.gmapDir{
}

.gmapDirLink{}
.gmapDirItem{
	text-align:center;
	margin-top:15px;
}
.gmapDirLabel{
	float:none;
	text-align: right;
	margin: 5px 10px;
	font-size: 13px
}
.gmapTextBox{
	margin: 15px 0px;
}

.gmapDirBtns{
	margin : 10px 150px 0px;
}

.errorMsg{
	color: #DE3A3A;
	font-size : 12px;
}

.button {
	border: 1px solid #000000;
	font-size:0.9em;
	color:black;
	background-color: #F5DEB3;
	cursor: pointer;
}

.errorAdress {
	color: #DE3A3A;
	font-size : 17px;
	margin: 40px 10px;
	text-align: center;
}

#center { text-align:center; }
#center * { margin: auto; text-align:left;}

/**** Ordonnances ****/

body.bodyordo form { float:left; width:560px; padding-left:50px; }
body.bodyordo label { display: inline; float:left; width:100px; font-size:0.8em; }
body.bodyordo input { background-color: #FFEFD5; }
body.bodyordo textarea { background-color: #FFEFD5; border:1px solid #000; }
body.bodyordo button { border: 1px solid #988157; font-size:0.9em; color:black; background-color: #F5DEB3; }
body.bodyordo div.divordo { width:560px; float:left; margin-bottom:20px; background-color: red; }
.alignCenter { text-align: center; }

label.chariot { display:block; float:none; width:90%; }


#ordonnance h4 , body.bodyindex h4.txt { color:#366376; padding:5px; font-size:x-small;}
body.bodyindex h4.txt { display: inline; }


table#ordo_tab { width:620px; border-collapse:collapse; border:2px solid #E3E7EC; -moz-border-radius:10px; -webkit-border-radius:10px;}
table#ordo_tab td { border:0; vertical-align:middle; text-align:center; }
table#ordo_tab tr:first-child h4 { font-size:small; }
table#ordo_tab td { margin:0; }
table#ordo_tab tr:first-child { background-color:#aabaca; }
table#ordo_tab tr:first-child + tr td { border-top: 2px solid #E3E7EC; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }

#ordonnance h4.subtitle { margin: 10px 0; font-size: 13px;}
#ordonnance input.input { display: block; margin : 10px 0; }
#ordonnance label {	font-size: 11px;}
#ordonnance #dateChooser { margin:10px 0; }
#ordonnance #dateChooser select { margin: 0 10px;}
#ordonnance div#conf { margin: 20px 0; font-size:12px; }
#ordonnance .form-info{ padding-left:20px; }
#ordonnance .commentaire{ margin-top: 40px; text-align:center }
#ordonnance .commentaire * { margin: auto;}
#ordonnance .commentaire h4 { text-align : left; }
#ordonnance .field { margin-bottom:5px; }

#ordonnance input[type=file] {
	background-color: transparent !important;
	border: 1px solid #BFBFBF;
}

/*
#ordonnance #tumb_ordo { background-color: #5E5E5E; border: 1px solid #BFBFBF; padding: 5px; padding-top:15px; width:140px; margin: auto; text-align: rigth;}
#ordonnance #tumb_ordo #button_suppr { float: right;  }
#ordonnance #tumb_ordo #fichier_img { clear: both; }
#ordonnance #tumb_ordo #fichier_img a { background-color: #FFFFFF; clear:both; padding-left: 72px; }
*/
#ordonnance #ordo { margin-left:30px; }
#ordonnance #tumb_ordo { border: 1px solid #ADD8E6; width: 136px; height: 160px;}
#ordonnance #tumb_ordo #header_ordo { padding: 0 5px; }
#ordonnance #tumb_ordo #header_ordo #ordo_title { font-size: 13px; float: left; margin-right: 30px; }
#ordonnance #tumb_ordo #fichier_img { padding: 0px 20px; }
#ordonnance #tumb_ordo #fichier_img a { background-color: tranparent; padding-left: 105px; padding-bottom:120px;}

a.hover , a.focus { background: #d0e5f5 url(jQuery/ui-redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; text-decoration: none; outline: none; }
a.hover .ui-icon, a.focus .ui-icon {background-image: url(jQuery/ui-redmond/images/ui-icons_217bc0_256x240.png); }

/***** Formulaire *****/
div#center > div#conteneur-email { width:15em; }
div#center > div#conteneur-email > label#email { width:65px; }

body.tundra form .short {
	width: 5em;
}
body.tundra form .medium {
	width: 10em;
}
body.tundra form .normal {
	width: 15em;
}
body.tundra form .long {
	width: 20em;
}

body.tundra table , body.tundra tr , body.tundra td {
	border: 0 none;
}

fieldset#newsletterfield label, fieldset#newsletter label {
	float: none;
	width: 27em;
}
fieldset#newsletterfield .field {
	margin-bottom: 2px;
}
fieldset#date {
	float: none;
	margin-bottom: 25px;
}

/***** CAPTCHA *****/
#captcha td { border: 0 none; }
div#captcha { margin: 30px 0; text-align:center;}
div#captcha * { margin: auto;}


/***** BANDEAU RECHERCHE *****/
#bandeau-recherche { width: 611px; height: 60px; background: url(../images/bandeau-recherche.png) no-repeat; margin-bottom: 15px; padding: 20px 0 0 320px; }
#bandeau-recherche input#addr { width: 150px; margin-right: 15px; }
#bandeau-recherche form#addr { margin-left:40px; }