﻿body
{
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	background-color: #362409;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.tablogo
{
	background-image: url(images/top_photo.jpg);
	width: 416px;
}
#top
{
	position: absolute;
	left: 53px;
	width: 906px;
	height: 96px;
}
.titre
{
	height: 30px;
	font-size: 20px;
	color: #905F14;
	background-image: url(images/fleche_titre.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	padding-left: 40px;
	padding-bottom: 15px;
}
.log
{
	font-size: 12px;
	color: #FFFFFF;
}
#connexion
{
	font-size: 11px;
	color: #378A00;
	text-align: center;
}
#deconnexion a
{
	font-size: 12px;
	color: #DA523C;
	background-image: url(images/pict_deconnexion.gif);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding-left: 18px;
}
#menu
{
	position: absolute;
	width: 239px;
	height: 530px;
	left: 53px;
	top: 94px;
}
#contenuMenu
{
	background-image: url(images/fond_menu.gif);
	height: 534px;
	width: 239px;
}
#bottomMenu
{
	position: absolute;
	top: 630px;
}
#main
{
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 15px;
	width: 637px;
	height: 510px;
	background-color: #FFFFFF;
}
#contenuMain
{
}
.linksmenusimple
{
	float: left;
	width: 230px;
	background-image: url(images/fond_bouton.gif);
	height: 46px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	text-decoration: none; /*padding-top:3px;*/
	line-height: 46px;
}

.linksmenudouble
{
	float: left;
	width: 230px;
	background-image: url(images/fond_bouton_2.gif);
	background-repeat: no-repeat;
	height: 40px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	color: #FFFFFF;
	vertical-align: middle;
	text-decoration: none;
	padding-top: 6px;
}

#linksmenu div
{
}

#linksmenu a:hover
{
	background-image: url(images/fond_over.gif);
	color: #362409;
}

#manuel a
{
	text-align: center;
	color: #362409;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#manuel a:hover
{
	text-decoration: underline;
}

/* style des onglets ------------------------------*/
.ongletSel
{
	position: relative;
	bottom: -4px;
	font-size: 12px;
	font-weight: bold; /*vertical-align:text-top*/
}
.onglet
{
	height: 10px;
	position: relative;
	bottom: 3px;
	font-size: 10px;
	color: #905F14;
	white-space: nowrap;
	vertical-align: text-top;
}

.ongletmilieu a:visited
{
	background-color: #ffffff;
}
.ongletmilieu a
{
	padding-top: 5px;
	text-decoration: none;
	color: #905F14;
}
.ongletmilieu
{
	background-image: url(images/onglet/onglet_fond.gif);
	background-position: top;
	padding-top: 5px;
	background-repeat: repeat-x;
	text-decoration: none;
	color: #905F14;
}
.ongletcote
{
	width: 10px;
	height: 20px;
}

/* ------------------------- FORMULAIRES -------------------------------- */
.tabsoustitre
{
	font-weight: bold;
	background-color: #EFE5D6;
}
#formulaire
{
	line-height: 20pt;
	text-align: left;
	width: 100%;
	font-size: 11px;
}
/* bouton submit --------------------*/
div.submit
{
	position: relative;
	float: right;
	background-position: center;
	background-image: url(images/bouton/submit_f.gif);
	clear: both;
}
.submitText a
{
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #905F14;
}
/*------------------------------*/
input, select
{
	background-color: #EFE5D6;
	font-size: 11px;
}


div.row
{
	clear: both;
	padding-top: 10px;
	line-height: 20pt;
	text-align: left;
	width: 600px;
	font-size: 11px;
}

div.row span.label
{
	/*s'applique au label du formulaire*/
	float: left;
	width: 150px;
	text-align: left;
}

div.row span.formw
{
	/* s'apllique au champs à droite du formulaire*/
	float: right;
	width: 335px;
	text-align: left;
}
/*  ------------------------Style des cadres ----------------- */
#cadre_recherche
{
	/*height: 400px;*/
}
/* cadre de recherche dans consultation*/
#cadre_genetique
{
	height: 350px;
}
/* cadre de genetique*/
#cadre_pointage
{
	height: 150px;
}
/* cadre de pointage*/


.thg, .thd, .tbg, .tbd
{
	width: 10px;
	height: 11px;
}
.tbas
{
	background-image: url(images/form/f_b.gif);
	background-repeat: repeat-x;
}
.thaut
{
	background-image: url(images/form/f_t.gif);
	background-repeat: repeat-x;
}
.tgauche, .tdroite
{
	width: 10px;
	height: 100%;
}
.tgauche
{
	background-image: url(images/form/f_g.gif);
	background-repeat: repeat-y;
}
.tdroite
{
	background-image: url(images/form/f_d.gif);
	background-repeat: repeat-y;
}


.cadre_arrondi
{
	margin-top: 20px;
	width: 100%;
}
.cadre_arrondi div
{
	float: left;
}
/* S'apllique à tous les divs de .cadre_arrondi */
.hg, .hd, .bg, .bd
{
	width: 10px;
	height: 11px;
}

.haut, .bas
{
	width: 600px;
	height: 11px;
}
.bas
{
	background-image: url(images/form/f_b.gif);
	background-repeat: repeat-x;
}
.haut
{
	background-image: url(images/form/f_t.gif);
	background-repeat: repeat-x;
}
.gauche, .droite
{
	width: 10px;
	height: 100%;
}
.gauche
{
	background-image: url(images/form/f_g.gif);
	background-repeat: repeat-y;
}
.droite
{
	background-image: url(images/form/f_d.gif);
	background-repeat: repeat-y;
}

.contenu
{
	width: 600px;
	height: 100%;
}

.hg, .gauche, .bg
{
	clear: left;
}
/* Pour passer outre le float des blocs précédents */
.hg
{
	background-image: url(    'images/form/cadre_form_t_g.gif' );
}
.hd
{
	background-image: url(    'images/form/cadre_form_t_d.gif' );
}
.bg
{
	background-image: url(    'images/form/cadre_form_b_g.gif' );
}
.bd
{
	background-image: url(    'images/form/cadre_form_b_d.gif' );
}

/*-------------------style du footer avec les logos partenaire ---------------------*/
.footer_cadre
{
	position: absolute;
	top: 655px;
	left: 53px;
	width: 906px;
	height: 93px;
}
.fhg, .fhd, .fbg, .fbd
{
	width: 15px;
	height: 15px;
}
.fhaut, .fbas
{
	width: 876px;
	height: 15px;
}
.fbas
{
	background-image: url(images/footer/fb.gif);
	background-repeat: repeat-x;
}
.fhaut
{
	background-image: url(images/footer/fh.gif);
	background-repeat: repeat-x;
}
.fgauche
{
	background-image: url(images/footer/fg.gif);
	background-repeat: repeat-y;
}
.fdroite
{
	background-image: url(images/footer/fd.gif);
	background-repeat: repeat-y;
}
.fgauche, .fdroite
{
	width: 15px;
	height: 15px;
}
.fcontenu
{
	background-color: #FFFFFF;
	width: 876px;
	height: 15px;
}
.footer_cadre div
{
	float: left;
}
/* S'apllique à tous les divs de .cadre_arrondi */
.fhg, .fgauche, .fbg
{
	clear: left;
}
/* Pour passer outre le float des blocs précédents */
.fhg
{
	background-image: url(    'images/footer/hg.gif' );
}
.fhd
{
	background-image: url(    'images/footer/hd.gif' );
}
.fbg
{
	background-image: url(    'images/footer/bg.gif' );
}
.fbd
{
	background-image: url(    'images/footer/bd.gif' );
}

#partenaires
{
	padding-left: 100px;
	width: 876px;
}
.logopartenaire img
{
	margin: auto;
	margin-left: 60px;
	padding: 0px;
}


