f/*defaults*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

img{
border:0px solid #FFF;
}


body {
background-color:rgb(233,233,233);
color:#000000; 
margin:20px 0; 
padding:0; 
font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
font-size:90%; 
}

p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}

/*structural elements*/

/*#containerPanneau	{margin:0px auto; text-align:center; width:760px; background-color:#0F0;}*/
#containerPanneau	{margin:0px auto; text-align:center; width:998px; }
#containerPanneauRecherche	{margin:0px auto; text-align:center; width:998px; }
#containerPanneauRecherche #holderPanneau { padding: 0px 20px 5px 20px; background:#FFFFFF; text-align:left;}
#holderPanneau		{padding: 20px 20px 5px 20px; background:#FFFFFF; text-align:left;}
#SouscontentTableauDent #holderPanneau 	{ padding: 1px 20px 5px 20px; background:#FFFFFF; text-align:left;}
#contentPanneauRecherche {width:780px; padding:0 0 0 0; line-height:160%; margin:0px auto;}
/*#contentPanneau		{float:left; width:490px; padding:20px 10px 0 0; line-height:160%; background-color:#00F;}*/
#contentPanneau		{width:780px; padding:20px 10px 0 0; line-height:160%; margin:0px auto;}
#contentPanneauImpression		{float:left; width:890px; padding:20px 10px 0 0; line-height:160%; }

#containerPanneauRech {margin:0 auto; width:998px;}
#contentPanneauRech	{padding:20px 10px 0 0; line-height:160%; margin:0px auto;}
#SouscontentTableau		{width:998px; line-height:160%; margin:0 auto; font-size:80%;}
#SouscontentTableauDent		{width:998px; line-height:130%; margin:0 auto; font-size:80%;}
#SouscontentTableauDentAjout {width:800px; line-height:160%; margin:0 auto; font-size:80%;}

#btnPrecedentSuivant {padding:10px 0px 0px 0px;}

/*#container	{margin:0px auto; text-align:center; width:760px; }*/
#container	{margin:0px auto; text-align:center; width:998px; }
#container_large	{ background-color:#0C9; }
#holder		{padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#holderMaj	{ padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; height:625px;}
#holderAPropos	{ padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#holderDeco	{ padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; height:550px;}
#holderAdmin	{ padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; height:550px;}
#holderIngredient	{ padding:20px; background:#FFFFFF; text-align:left; }
#holder_large		{ padding:20px 20px 5px 20px; background:#FFFFFF; text-align:center; background-color:#039;}
#logoFr		{background:url('../images/Dent_GREHD.png') no-repeat 650px 0; border-bottom:1px solid #DADADA; padding:5px 0px 10px 0px; }
#logoAn		{background:url('../images/Dent_GREHD.png') no-repeat 620px 0; border-bottom:1px solid #DADADA; padding:5px 0px 10px 0px; }
/*#logo		{background:url('../images/Dent_GREHD.png') no-repeat 390px 0; border-bottom:1px solid #DADADA; padding:5px 0px 10px 0px; }*/
#navigation	{padding:10px 0; text-transform: uppercase; }
/*#header		{background:#DADADA url('../images/header_home.jpg') no-repeat 10px 10px; padding:10px; height:200px; }*/
/*#content	{float:left; width:475px; padding:20px 10px 0 0; line-height:160%; }*/
#content	{float:left; width:675px; padding:20px 10px 0 0; line-height:160%; }
#contentPresentationComplet	{float:left; width:702px; padding:20px 10px 0 0; line-height:160%; }
#contentAPropos	{float:left; width:917px; padding:20px 10px 0 0; line-height:160%; }
#contentCondition	{float:left; width:717px; padding:20px 10px 0 0; line-height:160%;}
#contentLangue	{width:760px; padding:20px 10px 0 0; line-height:160%; margin:auto auto; text-align:center;}
#news		{float:right; width:235px; padding:20px 0; line-height:140%;}
/*#news		{float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }*/
.newsItem	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }
.newsItemErreur	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; color:red; }
.newsItemValidation	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; color:green; }
#footer		{clear:both; font-size:80%; background:#DADADA; padding:10px 20px 10px 20px; text-align:left; border-top:2px solid #2765AF; }

#news button {margin-left:75px;}

#deconnexion 			{font-size:120%; color:#225799; font-style:italic;}
#deconnexion ul 		{margin:0; padding:0; }
#deconnexion li 		{margin:0; padding:0; list-style:none; display:inline; }
#deconnexion a			{color:#225799; padding:0 20px 0 0; text-decoration:none; }
#deconnexion a:hover	{color:#000000; }

#SouscontentTableau th {
color:#000;
}
#SouscontentTableauDent th {
color:#000;
font-size:120%; 
}

/*headings*/
.newsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
.newsItemErreur h1	{color:red; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
.newsItemErreur a {color:red; font-style:italic;}
.newsItemValidation h1		{color:green; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
/*#content h1		{font-size:190%; font-weight:bolder; line-height:130%; margin:0; padding:0 0 20px 0; }*/
#content h1			{font-size: 2.4em; font-weight:500; line-height:130%; margin:0; padding:0 0 20px 0; font-style:italic;}
#contentPresentationComplet h1			{font-size: 2.4em; font-weight:500; line-height:130%; margin:0; padding:0 0 20px 0; font-style:italic;}
#contentLangue h1	{font-size: 2.4em; font-style:italic;}
#contentLangue h3	{font-style:italic;}

#logoFr h1, #logoAn h1			{font-weight:normal; font-size:190%; margin:0; padding:0; color:#225799; }
#logoFr h2, #logoAn h2			{font-weight:normal; font-style:italic; font-size:115%; margin:0; padding:0; color:#225799; }
#logoFr a, #logoAn a 			{color:#225799; text-decoration:none; }
#logoFr a:hover, #logoAn a:hover		{text-decoration:underline;}
.titreSecondaire    {margin-bottom:25px;}

/* Tableau utilisateur DÉBUT */

#SouscontentTableau #colonne{
text-align:left;
}

#SouscontentTableau table
{
border-collapse:collapse;
font-size:80%;
}

#SouscontentTableau table, th, td {
border: 2px solid #225799;
width:960px;
table-layout:fixed;
}

#SouscontentTableau th {
padding:0 10px 0 5px;
background-color:#A7C942;

}

.fondGris {
	background-color:#CCC;
	color:#999;
}

#SouscontentTableau td {
	padding:0 10px 0 5px;
	background-color:#F4FEFF;

}

#UTIL_IDENTIFIANT
{
	max-width:60px;
	word-wrap: break-word;
}

#UTIL_NOM
{
	max-width:10px;
	word-wrap: break-word;
}

#UTIL_PRENOM
{
	max-width:10px;
	word-wrap: break-word;
}

#UTIL_COURRIEL
{
	max-width:130px;
	word-wrap: break-word;
}

#UTIL_COMPAGNIE
{
	max-width:100px;
	word-wrap: break-word;
}
#UTIL_COURRIEL
{
	max-width:80px;
	word-wrap: break-word;
}

#COURT_MAJ
{
	max-width:130px;
	word-wrap: break-word;
}

#SouscontentTableau tr.alternatif td {
color:#000000;
background-color:#EAF2D3;
}

/* Tableau utilisateur FIN */

/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#messageErreur {text-align:center; padding:0px; font-weight:bold; color:red; display:none; font-size:80%;}
#messageErreurNormal {text-align:center; padding:10px; font-weight:bold; color:red; display:none; font-size:100%;}
#messageErreurGrand {text-align:center; padding:10px; font-weight:bold; color:red; display:none; font-size:120%;}
#messageErreur a {text-decoration:underline; color:#F00;}
#messageErreur li, #messageErreurGrand li, #messageErreurNormal li, #imprimerParam li, #imprimerParamProphy li {list-style:none;}
#imprimerParam li {
font-size:92%;
padding:1px;
}

.DENT_SANTE_GLOBALE {height:13em;}
.DENT_ANTICARIE {height:12em;}

#messageValidation {text-align:center; padding:10px; font-weight:bold; color:green; display:none; font-size:80%;}
#messageValidationNormal {text-align:center; padding:10px; font-weight:bold; color:green; font-size:100%;}
#messageValidation li {list-style:none;}
#messageValidationNormal li {list-style:none;}
#messageValidation a {color: green;}

#messageNormalGrand {text-align:center; padding:10px; font-weight:bold; display:none; font-size:120%;}
#messageNormalGrand li {list-style:none;}

#messageNeutre {text-align:center; padding:10px; font-weight:bold; color:#90C; display:none;}
#messageNeutre li {list-style:none;}

/*Liste Général - Utilisé pour les boutons déconnexion et mon compte*/
.listeGeneral {list-style:none; font-style:italic; }
.listeGeneral a {text-decoration:none; color:#225799; font-size:90%;}
.listeGeneral a:hover	{color:#000000; }

/*sansPastilles*/
.sansPastilles ul{
margin:0; 
padding:0; 
}

.sansPastilles li{
margin:0;
padding:0; 
list-style:none;
display:block; 
}

.colonne{
width:190px;
display:inline-block;
margin: 20px 0px 10px 0px;
padding-left:50px;
}

.colonne select{
margin-bottom:10px;
width:190px;
}

.colonne input{
margin-bottom:10px;
width:190px;
}
.colonne_dent{
width:325px;
display:inline-block;
margin: 20px 0px 10px 0px;
padding-left:50px;
}

.colonne_dent select{
margin-bottom:10px;
width:255px;
}

.colonne_dent input{
margin-bottom:10px;
width:255px;
}

.colonne i, .colonne_dent i{
	font-size:60%;
}

#echeanceUtilRechercheDebut, #echeanceUtilRechercheFin, #inscriptionUtilRechercheDebut, #inscriptionUtilRechercheFin, #RechercheDebut, #RechercheFin{
	width:67px;
}

/*Ajout utilisateur*/
#ajoutUtilisateur    {margin-top:10px;}
.espacementSuperieur {margin-top:20px;}
.espacementInferieur {margin-bottom:20px;}
.espacementSupMenuCentrerBas {
margin-top:350px;
margin-bottom:20px;
text-align:center;
}
.espacementSupInf{
margin-top:20px;
margin-bottom:20px;
text-align:center;
}

.pageLangue 	{margin:0; padding:0; padding:0 5px 15px 0;}

#footer ul		{float:left;}
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:underline; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */
.espacementGauche{padding-left:10px;}

/************* Ajouts informatisation inc. ************/
#identifiant{
	margin-left:11px;
}
#zoneConnexion {
	float:right;
	position:relative;
	top:-12px;
}

#connexion li {
	list-style:none;
}

#connexion i {
    font-size: 9px;
    color: #555555;
}

#connexion input {
	width:90px;
	font-size:11px;
	border:1px solid #989898;
	/*margin-right:4px;*/
	height:14px;
}
#connexion label {
	font-size:11px;
	color:#555555;
}
#connexion button {
	border:1px solid #225799;
	background-color:#225799;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	margin-left:83px;
	margin-top:0px;
	padding:0 0px;
	text-decoration:underline;
	white-space:nowrap;
}

#langue ul {
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#langue li {
	float: left;
	margin: 0px 0px 0px 1px;
}

#langue img {
	display:block;	
}

#langue{
	padding-left:35px;
}

#langue a {
	display: block;
	width: auto;
	height: auto;
	text-decoration:none;
	font-style:italic;
	font-size:25px;
	color:#000;
	padding: 30px 50px 30px 50px;
	margin: 0px 45px 0px 45px;
}

/*#SouscontentTableau th {font-size:100%; */

/*Safari*/
/*-webkit-transform: rotate(-90deg);*/

/*Firefox*/
/*-moz-transform: rotate(-90deg);*/

/*Opera*/
/*-o-transform: rotate(-90deg);*/

/*IE*/
/*writing-mode: tb-rl;*/
/*filter: flipV flipH;*/

/*}*/

#form_recherche_rince .petiteZoneTexte
{
	font-size:125%;
	margin-bottom:11px;
	margin-top:3px;
}

.petiteZoneTexte
{
	font-size:125%;
	/*margin-bottom:5px;*/
}

.petiteZoneTexte input
{
	width:30px;
	height:15px;
	font-size:60%;
}
.motSuivant
{
	display:inline;
	font-size:75%;
}

.petitTexte
{
	font-size:80%;
}

.motSuivant input{
	width:10px;
}

.textePlusGros
{
	font-size:130%;
}

#btnPrecedentSuivant ul 		{margin:0; padding:0; text-align:center;}
#btnPrecedentSuivant li 		{margin:0; padding:0 30px 0 0; list-style:none; display:inline; }
#btnPrecedentSuivant a			{color:#225799; text-decoration:none; }
#btnPrecedentSuivant a:hover	{color:#000000; }

#copyright	{float:right;}
#flotteDroite {float:right;}
#copyright a {text-decoration:none;}

/* ================== */
/* SouscontentTableau */
/* ================== */
#SouscontentTableauDent table, th, td {
padding: 0 10px 0 4px;
width:960px;
table-layout:fixed;
}

#SouscontentTableauDent table
{
border-collapse:collapse;
font-size:80%;
}

#SouscontentTableauDent th {
border: 0 solid black;
padding:0 10px 0 5px;
background-color:#FFF;
color:#000;
vertical-align : bottom;
text-align:left;
}

#SouscontentTableauDent td {
border: 1px solid black;
padding:0 10px 0 5px;
background-color:#F4FEFF;
}

#SouscontentTableauDent #colonne{
text-align:left;
}

#SouscontentTableauDent tr.tresAbrassif td{
background-color: rgb(242,219,219);
}
#SouscontentTableauDent tr.abrassif td{
background-color: rgb(251,212,180);
}
#SouscontentTableauDent tr.moyenAbrassif td{
background-color: rgb(214,227,188);
}
#SouscontentTableauDent tr.peuAbrassif td{
background-color: rgb(219,229,241);
}
#SouscontentTableauDent tr.enfant td{
background-color:white;
}

#SouscontentTableauDent tr.tresAcide td{
background-color: rgb(242,219,219);
}
#SouscontentTableauDent tr.acide td{
background-color: rgb(251,212,180);
}
#SouscontentTableauDent tr.moyenAcide td{
background-color: rgb(255,255,205);
}
#SouscontentTableauDent tr.neutre td{
background-color: rgb(214,227,188);
}
#SouscontentTableauDent tr.basique td{
background-color: rgb(219,229,241);
}

#tblIngredients {
width:100%;
border-collapse:collapse;
}

#tblIngredients th {
/*background-color: #225780;*/
padding: 0 10px 0 5px;
width:241px;
}

#tblIngredients td {
padding: 0 10px 0 5px;
}

#tblIngredients table, #tblIngredients th, #tblIngredients td {
border: 2px solid #225799;
}

#tblIngredients i {
font-size:90%;
}

#tblMaj th, #tblMajDetail th, #tblMajDent th, #tblMajDetail1 th, #tblJournalisation th, #tblPublication th {
background-color: #5A88AB;
padding: 0 10px 0 5px;
}

#tblJournalisation td {
padding: 0 10px 0 5px;
font-size:70%;
}

#tblMaj td, #tblMajDent td, #tblMajDetail1 td {
padding: 0 10px 0 5px;
font-size:85%;
}

#tblMaj table, #tblMaj th, #tblMaj td, 
#tblMajDetail table, #tblMajDetail th, #tblMajDetail td, 
#tblMajDent table, #tblMajDent th, #tblMajDent td,
#tblMajDetail1 table, #tblMajDetail1 th, #tblMajDetail1 td
#tblJournalisation table, #tblJournalisation th, #tblJournalisation td {
border: 2px solid #225799;
}

#section_maj table, #section_jour table{
border-collapse:collapse;
}
/* ===================== */
/* SECTION PUBLICATION   */
/* ===================== */
#tblPublication th.date {
width: 10%;
}
#tblPublication th.description {
width: 60%; 
}
#tblPublication th.langue {
width: 20%; 
}
#tblPublication th.lien {
width: 10%; 
}

/* ===================== */
/* MISE À JOUR POUR UTIL */
/* ===================== */
#tblMaj th.date {
width: 10%;
}
#tblMaj th.type {
width: 20%; 
}
#tblMaj th.description {
width: 60%; 
}
#tblMaj th.details {
width: 10%; 
}
/* ===================== */
/* DÉTAILLES MISE À JOUR */
/* ===================== */
#tblMajDetail th.no_detail {
width: 5%;
}
#tblMajDetail th.date_detail {
width: 8%;
}
#tblMajDetail th.date_d_detail {
width: 8%;
}
#tblMajDetail th.date_f_detail {
width: 8%;
}
#tblMajDetail th.type_detail {
width: 10%;
}
#tblMajDetail th.msg_detail {
width: 20%;
}
#tblMajDetail th.msg_detaille_detail {
width: 25%;
}
#tblMajDetail th.lien_detail {
width: 14%;
}
#tblMajDetail th.modification {
width: 2%;
}
#tblMajDetail tr.majObsolete {
color:#000000;
background-color:red;
}
/* ===================== */
/*   JOURNALISATION ACT  */
/* ===================== */
#tblJournalisation th.no_jour {
width: 2%;
}
#tblJournalisation th.date_jour {
width: 7%;
}
#tblJournalisation th.util_no_jour {
width: 9%;
}
#tblJournalisation th.action_jour {
width: 8%;
}
#tblJournalisation th.lien_jour {
width: 18%;
}
#tblJournalisation th.trace_jour {
width: 38%;
}
#tblJournalisation th.categorie_jour {
width: 16%;
}
#tblJournalisation th.modification {
width: 2%;
}

/* ===================== */
/*   DÉTAILLES DENT MAJ  */
/* ===================== */
#tblMajDent th.no_dent {
width: 10%;
}
#tblMajDent th.comp_dent {
width: 20%;
}
#tblMajDent th.description_dent {
width: 70%;
}

#tblMajDetail td {
font-size:80%;
}

/* ====================== */
/*  DÉTAILLES MAJ CLIENT  */
/* ====================== */

#tblMajDetail1 th.titreG {
width:10%;
}

/* ================================== */
/*        INFOBULLE EXPLICATIVE       */
/* ================================== */

span.outil {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.outil span.infobulle {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.outil:hover span.infobulle  {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.6em;
  left: 0;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
  font-size: 140%;
}

#content span.outil::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

#COL_RINCE_AGE.titreColonne
{
padding:0 10px 0 0;
}
/* css/tooltip.css */

#remplissageListeFormulaire
{
	visibility:hidden;
}

/*.titreColonne{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	
}
*/