/* ------------------------------------------------------------------------------------
CSS MEDIA SCREEN : master.css
CLIENT :  DirectLab inc. (Genacol)
CREATION : 30.03.2007
AUTEUR : ASPIX MEDIA - www.aspixmedia.com
----------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
PALETTE
#226964 --- vert foret
# --- or
#E9D53D --- jaune pâle
----------------------------------------------------------------------------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
	padding:0;
	color:#575757;
}
img {
	border:none;
}
a {
	color:#C8B733;
	font-weight:bold;
	text-decoration:underline;
}
a:hover {
	color:#E9D53D;
	text-decoration:none;
}
.print {
		display:none;
}

.imgTop {
	margin:5px 0 10px;
}
a.spacing {
	letter-spacing:1px;
}

/* ---------------------------------------------------------------------------| main block |*/

#container {
	margin:0 auto;
	width:780px;
}
#leftBlock {
	color:#ffffff;
	float:left;
	margin:0;
	-margin-right:-3px;
	padding:0;
	padding-bottom:30px;
	width:265px;
}
#rightBlock {
	margin-left:265px;
	margin-right:0;
	-margin-left:-3px;
	padding:0;
	width:495px;
}
#footerBlock {
	border-top:1px solid #226964;
	clear:both;
	font-size:11px;
	font-weight:bold;
	margin-top:100px;
	margin-bottom:20px;
	padding-top:5px;
	text-align:center; /* ajout */
}

/* ---------------------------------------------------------------------------| menu Gauche |*/

#leftMenuContainer {
	background-color:#01534D;
	margin:0 30px 0 15px;
	padding:0;
	position:absolute;
	top:78px;
	width:220px;
	z-index:2;
}
/* -------------------- */
#leftMenu {
	padding:0 10px;
}
#leftMenu a {
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-decoration:none;
}
#leftMenu a:hover {
	color:#F4EA9D;
}
/* -------------------- */
.menuTitre {
	background:url(file:../images/dottedLine.gif) repeat-x bottom;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:5px 0;
	width:200px;
}
.menuTitre a {
	color:#FFFFFF;
	margin:0 10px;
	text-decoration:none;
}
.menuTitre a:hover {
	color:#F4EA9D;
}
/* -------------------- */
.sMenu {
	margin:0 0px 0 20px;
	width:180px;
}
.sMenu a {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	/*margin:0 10px;*/
	text-decoration:none;
}
.sMenu a:hover {
	color:#F4EA9D;
}
.sMenu .sMenuSelected {
    color:#F4EA9D;
}
/* -------------------- */
.puceMenu {
	padding-right:7px;
	padding-top:0;
}
.puceSmenu {
	background:url(file:../images/dottedLine.gif) repeat-x bottom;
	padding:5px 0;
	/*vertical-align:top;*/
	width:170px;
}
#leftBg { /* supporte le background de la colonne du menu */
	margin:0;
	padding:0;
	/*position:relative;*/
	top:0;
	z-index:1;
}

/* ---------------------------------------------------------------------------| right |*/

#langue {
	font-size:11px;
	height:40px;
	text-align:right;
}

.rightMenu, #footerRight {
	font-size:11px;
	font-weight:bold;
	height:19px;
	/*list-style-type:none;*/
	/*letter-spacing:1px;*/
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
/*
.rightMenu li {
	display:inline;
}*/
.rightMenu a, #footerRight a {
	color:#226964;
	margin:0;
	text-decoration: none;
}
.rightMenu a:hover, #footerRight a:hover {
	color:#E9D53D;
}
#header {
	height:108px;
	padding:0;
	margin:0;
}
#headerDefault {
	height:230px;
	padding:0;
	margin:0;
}

#content {
	background-color:#FFFFFF;
	margin-right:30px;
}
#tools{
	background:#FFFFFF url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_outils.jpg) no-repeat right;
	text-align:right;
	height:34px;
}
#tools img, #tools .texte {
	margin:0 8px;
}
#footerLeft {
	float:left;
	width:265px;
	text-align:left;
	color:#226964;
}
#footerRight {
	margin-left:265px;
}

/* ---------------------------------------------------------------------------| taille texte |*/

#content h1, .siteMap h1 {
	color:#01534D;
	font-size:24px;
	font-weight:normal;
}
#content h2 { /* taille changeante */
	color:#525252;
	margin:20px 0 0;
	font-weight:bold;
}
p {
	margin-top:0;
	text-align:justify;	
}
h4 {
	margin-bottom:0;
}
/* ---------------------------------------------------------------------------| Direclab |*/ /* ok final */

#bgDirectlab {
	height:157px;
	width:460px;
	background-color: #FFFFFF;
	background-image: url(../Images/bg_directlab.jpg);
	background-repeat: no-repeat;
}
#bgDirectlab .genacol {
	color:#226964;
	font-weight:bold;
	padding:40px 130px 0 30px;
	text-align:left;
}

/* ---------------------------------------------------------------------------| genacol_humain |*/ /* ok final */

#bgGenacolH {
	height:157px;
	width:460px;
	background-color: #FFFFFF;
	background-image: url(../Images/bg_genacolH.jpg);
	background-repeat: no-repeat;
}
#bgGenacolInstant {
	
	height:200px;
	width:460px;
	margin-bottom:20px;
}

#bgGenacolH .genacol, #bgGenacolInstant .genacolInstant  {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:25px 120px 0 20px;
	text-align:left;
}
#bgGenacolInstant .genacolInstant  {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:45px 140px 0 20px;
	text-align:left;
}
/* voir tableau commun : Genacol & Etudes pour les autres specifications du tableau */
#tabCollagene {
	border-collapse:collapse;
	font-size:12px;
	margin-bottom:0;
}
#tabCollagene td {
	border:1px solid #CCCCCC;
	padding:5px;
}
#tabCollagene .titreTabCollagene {
	font-weight:bold;
	margin:2px 0;
	text-align:center;
}

/* ---------------------------------------------------------------------------| acides aminés |*/

#tabAcide td {
	font-size:12px;
	font-weight:bold;
	height:20px;
}
#tabAcide a {
	color:#C8B733;
	text-decoration:none;
}
#tabAcide a:hover {
	color:#E9D53D;
}
#tabAcide .puce {
	font-weight:bold;
	font-size:14px;
	padding-right:10px;
}

/* ---------------------------------------------------------------------------| accueil |*/
#concours {
	/*background-color:#f8f8dc;*/
	width:463px;
	height:225px;
	margin:30px 0;
	/*border:1px dashed #AAAAAA;*/
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
}

.tournoi {
    margin-top:40px;
}

#commandite, #expo {
    margin-top:20px;
}

#texte_capsule {
	margin-top:20px;
	height:115px;
	background-image:url(../Images/bg_genCap.jpg);
	background-repeat:no-repeat;
}   

#bienvenue {
	background:#FFFFFF url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_bienvenue.jpg) no-repeat;
	width:465px;
	height:239px;
	margin-top:40px;
}
#bienvenue .texte {
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	line-height:17px;
	text-align:left;
}
#bienvenue .reg {
	font-size:12px;
}
.dropLanguage {
	border:1px solid #CCCCCC;
	margin-top:2px;
	letter-spacing:1px;
}
#contact td {
	white-space:nowrap
}
.liste li{
	padding:1px 0;
	list-style-image: url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/puce.gif);
	margin:0;
}

/* ---------------------------------------------------------------------------| tableau commun : Genacol & Etudes |*/
/* TEXTE FIXE - aucun ajustement de la taille du texte possible */
#tabEtudes, #tabCollagene {
	border:2px solid #226964;
	border-collapse:collapse;
	font-weight:bold;
	margin:10px 0;
	width:465px;
}
.bgTableau { /* genacol_humain, études  */
	background:#FFFFFF url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_tableau.jpg) repeat-x bottom;
}
#tabEtudes th {
	background-color:#F0E280;
	border:1px solid #CCCCCC;
	font-size:9px;
	padding:4px 1px;
	vertical-align:top;
	white-space:nowrap;
}
#tabEtudes td {
	border:1px solid #CCCCCC;
	font-size:10px;
	padding:2px;
	text-align:center;
}
#tabEtudes h2 {
	color:#01534D;
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}
#tabEtudes p.sTitre {
	color:#01534D;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin:0 0 10px;
	text-align:center;
}
.bgLYW {
	background-color:#F7F8DC;
	font-weight:bold;
}
.bgLGD { /* genacol_humain */
	background-color:#F0E280;
	font-weight:bold;
}

/* ------------------------------ */

/* ---------------------------------------------------------------------------| FAQ |*/

ol.faq {
	margin-top:0;
	padding-left:0;
}
.faq li {
	font-weight:bold;
	margin-left:30px;
	padding:5px 0;
}
.faq a {
	color:#575757;
	border-bottom:1px solid #C8B733;
	text-decoration:none;
}
.faq a:hover {
	color:#C8B733;
	border-bottom:1px solid #C8B733;
	text-decoration:none;
}

/* ---------------------------------------------------------------------------| temoignages |*/

#temoignages_haut, #temoignages_bas {
	background:#FFFFFF url(file:../images/bg_temoignages.gif) no-repeat;
	height:121px;
	padding:15px 0 0 0;
	width:465px;
}
#temoignages_haut a, #temoignages_bas a {
	text-decoration:none;
}
#temoignages_haut img, #temoignages_bas img  {
	margin-right:10px;
	vertical-align:middle;
}
#temoignages_haut p.partager, #temoignages_bas p.partager {
	font-size:18px;
	font-style:italic;
	line-height:22px;
	margin:0;
	text-align:right;
}
#temoignages_haut p.temoigner, #temoignages_bas p.temoigner {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	text-align:right;
}
/* ------------------------------ */
#tabTemoigner textarea, #tabTemoigner select, .tabLivret select {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}
#tabCourriel textarea, #tabCourriel select, #tabTextArea textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}

input.chpTxt {
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.chpTxt {
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.chpTxtNoPrint { /* utilisé pour pages distribution */
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

textarea {
	font-size:12px;
}

/* ---------------------------------------------------------------------------| --- |*/

.vert {
	color:#226964;
	margin:30px;
	font-weight:bold;
}
.margeTitre {
	margin-bottom:20px;
}
#infoGenacol {
	font-size:12px;
	font-weight:bold;
}
#content .note p {
	font-size:11px;
	line-height:12px;
}
#content p.emphase {
	font-size:18px;
	/*font-style:italic;*/
	font-weight:normal;
	color:#226964;
	margin:30px 0;
	text-align:center;
}
/* ---------------------------------------------------------------------------| gestion d'erreurs |*/

.msgErr {		/* message d'erreur */
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
	margin:10px 0;
	text-align:center;
}
h6 {
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0;
	padding:5px 0;
	white-space:nowrap;
}
h6.y {		/* champ obligatoire - indicatif */
	font-weight:normal;
}
h6.yerr {		/* champ obligatoire - erreur  */
	color:#CC0000;
	font-weight:bold;
}
.confirmationO {		/* envoi du message : succès */
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding:60px 0;
	text-align:center;
}
.confirmationN {		/* envoi du message : échec */
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding:60px 0;
	text-align:center;
}
.asterisque {
	color:#CC0000;
}
/* ---------------------------------------------------------------------------| boutons formulaire |*/

#btnForm {
font-size:11px;
	padding:0 0 20px;
	/*text-align:center;*/
}
/*
.btnForm {
	font-size:12px;
	color:#01534D;
	letter-spacing:1px;
	background-color:#F0F0F0;
	font-weight:bold;
	margin:10px;
	padding:2px;
}*/
.btnForm{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:outset 1px #cccccc;
	background:#999999;
	color:#666666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_btnFrmGY.gif) repeat-x left top;
}

.btnFormNoPrint{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:outset 1px #cccccc;
	background:#999999;
	color:#666666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_btnFrmGY.gif) repeat-x left top;
}

.btnForm2{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
border:outset 1px #cccccc;
background:#999999;
color:#CC0000;
font-weight:bold;
padding: 10px 10px;
background:url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_btnFrmYW.jpg) repeat-x left top;
}

/* ---------------------------------------------------------------------------| tableau |*/

.tabLivret{
	font-size:12px;
}
/*.tabLivret td{
	padding:2px;
}*/

.tabVideo{
	font-size:12px;
}

.distribution {
	font-size:12px;
	padding:5px;
}

.distribution td {
white-space:nowrap;
}
.tabDistributeurs {
border:2px solid #F7F8DC;
margin-bottom:20px;
width:100%;
}
.tabDistributeurs td {
width:33%;
}

/*
#logoDistributeurs img {
	margin:5px 12px;
}*/

select.lstAmerique {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
	font-size:12px;
}

a.aspix {
font-size:11px;
font-weight:bold;
	color:#999999;
	text-decoration:none;
} 
a:hover.aspix {
	color:#cccccc;
} 

a.lienAnimal {
	color:#fd881e;
	font-style:normal;
}

a:hover.lienAnimal {
	color:#E9D53D;
	text-decoration:none;
}
/* ---------------------------------------------------------------------------| distribution animal |*/
#distAnimal {
	height:90px;
	margin-bottom:30px;
	width:460px;
}
#distAnimal .entete {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	padding-top:25px;
	text-align:left;
}
/* ---------------------------------------------------------------------------| genacol animal |*/
#prodAnimal {
	height:165px;
background: #FFFFFF url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_bouteilleA.jpg) no-repeat;
	padding:30px 30px 0 120px;
}
#livretAnimal {
	background-image:url(file:///C|/Documents%20and%20Settings/doc/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/bg_livretAnimal.jpg);
	background-repeat:no-repeat;
	width:460px;
	height:150px;
	padding-top:30px;
	margin-top:60px;
}
#livretAnimal p {
font-weight:bold;
margin:0 90px 10px 90px;
text-align:center;
font-size:12px;
}
/* ---------------------------------------------------------------------------| distribution |*/
.dispoQc {
	text-align:center;
	background-color:#F7F8DC;
	padding:20px;
	font-style:italic;
	font-weight:bold;
}
/* ---------------------------------------------------------------------------| -- |*/
.dropDownNb 
{
  width:50px;  
}
/* ---------------------------------------------------------------------------| plan du site |*/

.siteMap p {
	font-weight:bold;
	margin:20px 0 0;
}
.siteMap .retrait{
	padding-left:20px;
	margin:5px 0;
}
.faq a, .siteMap a {
	color:#575757;
	border-bottom:1px solid #C8B733;
	text-decoration:none;
}
.faq a:hover, .siteMap a:hover {
	color:#C8B733;
	border-bottom:1px solid #C8B733;
	text-decoration:none;
}


/* ---------------------------------------------------------------------------| modal popup |*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border:2px solid #666666;
	padding:0 20px 20px 20px;
	width:320px;
	height:325px;
	font-size:12px;
}

.modalPopup a {
    color:#C8B733;
    font-weight:bold;
    padding:8px 0px;
    cursor:pointer;
    text-decoration:none;
}