/*---------- GÉNÉRALE html ----------*/

/* Attention!!!
	Si vous modifier des class dans ce CSS, verifiez qu'elles ne sont pas aussi
	dans design-time.css. Cette derniere est utiliser pour l'affichage lors de l'edition
	dans Contribute.
 */
body {
	background-color: #FFF;
	padding: 0;
	margin: 0;
	text-align: center;
}
body,th,td,p,div,ul,li,ol,blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
h1 {
	font-size: 17px;
	font-weight: normal;
	margin-top: 0;	
}
h2 {
	font-size: 14px;
}
h4 {
	font-size: 13px;
}
a:link {
	color: #000;
}
a:visited {
	color: #666;
}
a:hover {
	color: #0090C4;
}
a:active {
	color: #0090C4;
}
.listLinks li {
	padding: 0px 0px 5px 0px;
}
.listLinks li li {
	padding: 5px 0px 0px 0px;
}
.textTable {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
}
.textTable td {
	padding: 5px 5px 5px 5px !important;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.textTable td p {
	padding: 0;
	margin: 0;
}
.imgLegend {
	font-size: 9px;
	padding: 8px 8px 8px 8px;
	background-color: #F1F1F1;
	border: 1px solid #333333;
}
hr {
	color: #fff;
	background-color: #fff;
	height: 3px;
	border-top: 1px solid #ccc;
}

/*---------- CSS GÉNÉRALE DU SITE ----------*/
#page {
	position: relative;
	width: 906px;
	margin: auto;
	padding: 10px 0 20px;
	text-align: left;
}
#canvas {
	width: 904px;
	border: solid 1px #CCC;
}
#mainmenu {
	width: 904px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: url(/img/gen/bg_mainmenu.gif) repeat-x;
}
.maintable {
	width: 100%;
}
.contenu {
	padding-bottom: 50px;
}
.hautpage {
	margin-top: 30px;
}
#page .hautpage a {
	text-decoration: none;
	color: #666;
}
.hautpage img {
	margin: 0 5px -2px 0;
}
.bgleft {
	vertical-align: top;
	background: url(/img/gen/page_bg_left.gif) repeat-y;
}

/*---------- CONTENU >>>> accueil ----------*/
#accueil {
	width: 100%;
	background: url(/img/acc/bg_bact_acc_couleurs.gif) no-repeat right bottom;
}
#accueil h1 {
	color: #2779aa;
}
#accueil a:hover {
	color: #F60;
}
.specialite {
	width: 250px;
	text-align: right;
}
.specialite h2 {
	color: #888787;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	margin: 0 8px 10px 20px;
	padding: 0 7px 13px 0;
	border-bottom: 1px solid #ededed;
}
.specialite h2 span  {
	display: block;
	color: #ff7905;
}
.specialite h2 span strong {
	white-space: nowrap;
}
.specialite h3  {
	color: #aaa;
	font-size: 15px;
	margin: 0 8px 0 10px;
	padding: 0 7px 0 0;
	line-height: 24px;
}
#bgaccmiddle {
	width: 467px;
	text-align: left;
	padding-bottom: 45px;
}
#page .news {
	padding-bottom: 15px;
}
#page .news h2 {
	margin: 35px 0 0 0;
	color: #777;
	background: transparent url(/img/acc/news_bg.gif) repeat-x 0 0;
}
#page .news h2 span {
	padding-right: 5px;
	background: #fff;
}
#page .news p {
	margin: 5px 0;
}
#page .news h3 {
	font-size: 11px; 
	font-weight: bold;
	color: #CE1A00;
	margin: 20px 0 5px;
}
#page .news h3 .date {
	font-size: 10px; 
	color: #777;
	display: block;
	margin: 0 0 2px;
}
#page .news h3 a {
	color: #CE1A00;
	text-decoration: none;
}
#page .news h3 a:hover {
	color: #CE1A00;
	text-decoration: underline;
}
#page .news img {
	border: 1px solid #CCC;
	margin: 3px 10px 5px 0;
}
#page .news .news-arrow {
	font-family: Arial;
	font-size: 14px;
	line-height: 11px;
	font-weight: bold;
	margin: 0 1px;
	padding-top: 3px;
	color: #CCC;
}
#page .news .news-arrow a {
	color: #FF7702;
	text-decoration: none;
	padding: 0 2px 0 4px;
}
#page .news .news-arrow a:hover {
	color: #CE1A00;
}

/*---------- CONTENU >>>> Sous menu  ----------*/
#sousmenu {
	text-align: right;
	padding-bottom: 20px;
}
#sousmenu div {
	margin: -10px 15px 0;
	width: 175px;
}
#sousmenu a {
	color: #666;
	text-decoration: none;
}
#sousmenu a:hover {
	text-decoration: underline;
}
#sousmenu h1 {
	font-weight: bold;
	font-size: 11px;
	padding: 3px 4px;
	margin: 10px 0 0 0;
}
#sousmenu p {
	border-right: 1px solid #666;
	padding: 0 5px 0 0;
	margin: 5px 0 5px 0;
}
#sousmenu h1.Down {
	color: #000;
	border: 1px solid #000;
}
#sousmenu p.Down {
	border: 0;
	font-weight: bold;
	padding-right: 0;
}

/*---------- CONTENU >>>> Pages ECL  ----------*/
#tableecl {background: url(/img/gen/bg_bact_ecl_couleurs.gif) no-repeat right bottom;}
.ssectionEcl h1 {background: #D9F0F7;}
#sousmenu .ssectionEcl p.Down  {color: #0090C4;}
#ecl h1, #ecl a:hover {color: #0090C4;}
#ecl a {text-decoration: underline;}

/*---------- CONTENU >>>> Pages PRODUCTS ----------*/
#tableproducts {background: url(/img/gen/bg_bact_products_couleurs.gif) no-repeat right bottom;}
.ssectionProducts h1 {background: #E3F4D1;}
#sousmenu .ssectionProducts p.Down {color: #6EBA23;}
#products h1, #products a:hover {color: #6EBA23;}
#products a {text-decoration: underline;}

/*---------- CONTENU >>>> Pages RESEARCH ----------*/
#tableresearch {background: url(/img/gen/bg_bact_research_couleurs.gif) no-repeat right bottom;}
.ssectionResearch h1 {background: #FBD9EF;}
#sousmenu .ssectionResearch p.Down {color: #C60080;}
#research h1, #research a:hover {color: #C60080;}
#research a {text-decoration: underline;}

/*---------- CONTENU >>>> Pages PATHOGENIC E.COLI ----------*/
#tableecoli {background: url(/img/gen/bg_bact_ecoli_couleurs.gif) no-repeat right bottom;}
.ssectionEcoli h1 {background: #E7E8FC;}
#sousmenu .ssectionEcoli p.Down {color: #3443E5;}
#ecoli h1, #ecoli a:hover {color: #3443E5;}
#ecoli a {text-decoration: underline;}
.texton {background-color: #ffff66;}
img.texton {border: 1px solid #666; vertical-align: middle;}

/*---------- CONTENU >>>> Pages NEWS ----------*/
#tablenews {background: url(/img/gen/bg_bact_news_couleurs.gif) no-repeat right bottom;}
.ssectionNews h1 {background: #F7DFE3;}
#sousmenu .ssectionNews p.Down {color: #AB2F44;}
#news h1, #news a:hover {color: #AB2F44;}
#news a {text-decoration: underline;}

/*---------- CONTENU >>>> Pages UTILITIES ----------*/
 #tableutilities .contenu {padding-bottom: 10px;}
.ssectionUtilities h1 {background: #FFBD80;}
#sousmenu .ssectionUtilities p.Down {color: #F60;}
#utilities h1, #utilities a:hover {color: #F60;}
#utilities a {text-decoration: underline;}

/*---------- PIED DE PAGE ----------*/
#pieddepage {
	width: 906px;
	margin: 5px 0;
	font-size: 11px; 
	color: #888;
}
#pieddepage a {
	text-decoration: none;
	color: #888;
}
#pieddepage a:hover {
	text-decoration: underline;
	color: #555;
}

/*---------- Extranet ----------*/
#extranet h1, #extranet a:hover {color: #F60;}
#extranet h2 {
	color: #666;
	font-size: 1.15em;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}
#extranet h3 {
	font-size: 1em;
	margin: 10px 0 0;
}
table.formulaire td {
	padding: 2px 0;
}
label {
	font-weight: bold;
	margin-right: 10px;
}
.button {
	margin: 10px 0;
}
.button2 {
	margin: 10px 0 0;
}
.buttonFloat {
	float: right;
	margin: 5px;
}
iframe {
	margin: 10px 0;
	border: 1px solid #ccc;
}
#Form1.alignleft {
	padding: 10px;
	text-align: left;
}
tr.pager td {
	padding: 10px 0 2px;
}
.userbox {
	border: 1px solid #ccc;
	background: #F2F2F2;
	padding: 0 0 15px;
}
.userbox p {
	margin: 5px 0;
}
.userbox img {
	vertical-align: middle;
}
.userbox div {
	border-top: 1px solid #fff;
}
.userbox div.usermenu {
	background: #ccc;
	padding: 5px;
	margin: 0;
	border: none;
}
p.delete img {
	vertical-align: middle;
}
p.delete a {
	font-weight: bold;
}