/* CSS test pour skin Phylum.fr remanié - SM - 09 Février 2007 */
/* couleurs
Orange vif : #FA812C;
Orange 2 : #F87A2B;
Orange pâle : #F0770C;
Jaune-orangé: #fcae03;
Jaune: #fee376;
Gris trés clair fond : #eee; 
#f2f2f2;
Gris pâle : #DCDCDC;
Gris très foncé : #4A5257; 
Gris Bleu : #59788B;
Gris Bleu pâle : #90b7d8;
Gris moyen : #606E6F;
Gris moyen 2 : #656565;
Gris moyen 3 : #999;
*/

html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background-color:#fff;
	height:100%;
	}
body.interieur {
	background-image:url('/site_images/WEBPHYLUM/pixel_gauche.gif');
	background-position:top-left;
	background-repeat:repeat-y;
}	
#global.accueil {
 	height:100%;
	background-color:#fff;
	background-image:url('/site_images/WEBPHYLUM/pixel_bandeau_00.jpg');
	background-position:top-left;
	background-repeat:repeat-x;
	}

#Global.interieur {
	height:100%;
	background-image:url('/site_images/WEBPHYLUM/pixel_bandeau_01.jpg');
	background-position:top-left;
	background-repeat:repeat-x;
	}

/* Bandeau supérieur */


#bandeau.accueil {
	background-image:url('/site_images/WEBPHYLUM/bandeau_00.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	height:243px;
	}

#Bandeau.interieur {
	background-image:url('/site_images/WEBPHYLUM/bandeau_01.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	height:138px;
	}

#Logo {
	float:left; 
	visibility:hidden;
 	height:0;
 	width:0;
 	}
#MenuLangues {
	font-size: 10px; 
 	}
#NomSite {
	text-align:center;
	font-weight:bold;
	font-size:12pt;
	color:#ffaf0d;
	visibility:hidden;
	}
#SloganSite {
	color: #FFFFFF;
	font-size: 14px; 
	font-weight: bold;
	padding:140px 0 0 325px;
	}

#SloganSite.interieur {
	visibility:hidden;
	height:0;
	padding:0;
}
#photos.accueil {
	float:right;
	padding-right:10%;
	padding-top:120px;
}
#Photos.interieur {
	float:right;
	padding-right:10%;
	padding-top:69px;
}
/* Barre de navigation sous le bandeau */
#BarreHaut {
	background-color:#999;
	padding:0.2em 0 0.2em 0;
}
#BarreHaut.accueil {
}
#BarreHaut.interieur {
}
#search {
}
#searchFrm {
	padding:0;
	margin:0;
	}
#LancementRapide {
	float:right;
	text-align:right;
	padding:0.3em 20% 0 0;
	}
#Identification.page {
	text-align:center;
}
#Identification form{
	border:solid 1px #FA812C;
	background:#f1f1f1;
	padding:0.1em;
	margin:0.1em;
}
#Identification.page form{
	padding:0.5em;
	margin-top:2em;
	width:200px;
	background:#fee376;
}
#Identification input {
	margin:0.1em;
}
#Identification.page input {
	margin:0.2em;
	width:180px;
}
#formEspace.accueil, #formEspace.interieur {
	margin-left:1em;
}

#BoutonChercher {
}
a img{
	border:0;
}
/* Contenu principal */
#ContenuPrincipal {
	height:100%;
	clear:both; 
}

#ContenuPrincipal.accueil {
	background-image:url('/site_images/WEBPHYLUM/fond_accueil01.gif');
	background-repeat:no-repeat;
	background-position:top center;
}
#ContenuPrincipal.interieur {
}
/* blocks à gauche de l'écran */

#gauche {
	width:222px;
	float:left;
    height:100%;
	}
#gauche.interieur {
	background-color:#f2f2f2;
}
/*
.parent_item {
	list-style-image:url('/site_images/WEBPHYLUM/buletParentItem.gif');
}
.parent_item a:active {
	list-style-image:url('/site_images/WEBPHYLUM/buletParentItem_active.gif');
}
.child_item {
	list-style-image:url('/site_images/WEBPHYLUM/buletChildItem.gif');
}
.child_item  a:active {
	list-style-image:url('/site_images/WEBPHYLUM/buletChildItem_active.gif');
}
*/
/* corps de la page */

#centre {
/*	width:559px;*/
	margin:0 20% 0 255px;
	height:100%;
}
#centre.accueil {
	margin:0 5% 0 255px;
}
#contenuHTML {
	padding-left:1%;
	}
#contenuHTML.accueil {
	background-color:#f1f1f1;
	border-top:solid 2px #ddd;
	border-left:solid 2px #ddd;
	border-right:solid 2px #aaa;
	border-bottom:solid 2px #aaa;
	width:250px;
	padding:0.5em;
	margin:3% 0 0 7%;
	float:right;
/*	visibility:hidden;*/
	}
#contenuHTML.interieur {
	height:100%;
}
#TitrePage {
	margin-left:10px;
	visibility:hidden;
	}
#EnTeteEdit {
	}
#contenuEdt {
	}
#Actualites {
	margin:1em;
	color:#FA812C;
	}
#Actualites.interieur {
	visibility:hidden;
	height:0px;
	width:0px;
	}
#Actualites ul, li {
	padding:0.5em 1em 0 1em;
	text-align:justify;
	}
#Actualites a {
	color:#000;
	font-size:1.15em;
}
#Actualites a:hover {
	color:#FA812C;
}
.Edit {
	border-width:1px;
	border-right:silver thin dashed;
	border-top: silver thin dashed;
	border-left: silver thin dashed;
	border-bottom:silver thin dashed;
	/* /*	height:100%; */ */
	}

/* Boutons en bas de page */
#boutons {
	margin-top:2em;
}
#boutons.accueil {
	visibility:hidden;
}
#BoutonImprimer {
	float:left;
	margin-left:20px;
	}
#BoutonHaut {
	float:right;
	margin-right:20px;
	}

/* bande en bas */
#Disclaimer{
	margin: 55% 0 1em 0;
	}
#Disclaimer.interieur {
	margin: 95% 0 1em 0;
	}

#pub {
	background-image:url('/site_images/WEBPHYLUM/pub.gif');
	width:100px;
	height:200px;
	position:absolute;
	top:300px;
	left:300px;
	}

/********************************************** DEBUT CSS CONTENU ****************************************************/
/* pour encadré de mise en évidence dans une page */
.Encadre {
	width:60%;
	border:solid 1px #FA812C;
	background:#f1f1f1;
	margin-left:20%;
	padding:0.5em;
	font-size:1.3em;
}
/* pour info-bulle personnalisée -> Dans la page : donner le style ".info" au lien et le style ".Bloc_info" au div */
a.info {
	text-decoration:none;
	background-position: center;
	background-repeat: no-repeat;
	display:block;
}
div.Bloc_info {
	border-top:solid 2px #eee;
	border-left:solid 2px #eee;
	border-bottom:solid 2px #bbb;
	border-right:solid 2px #bbb;
	background-color:#f2f2F2;
	padding:2px;
	color:#FA812C;
	position:absolute;
	left:645px;
}
div.Bloc_info ul,li {
	padding-top:0;
}
div.Bloc_info h3 {
	padding:0;
	margin:0;
}

#LIMS {
	height:150px;
	width:300px;
	top:260px;
}
#Internet {
	height:180px;
	width:300px;
	top:340px;
}
#EDI {
	height:190px;
	width:300px;
	top:140px;
}
a.info div {
	visibility:hidden;
	width:0;
	height:0;
}
a.info:hover div {
	visibility:visible;
	text-decoration:none;
}
#Clients {
	text-align:center;
}
#LIMS_EDI_1 a{
	background-image:url('/site_images/WEBPHYLUM/FR/LIMS_EDI_1.gif');
}
#LIMS_EDI_1 a:hover {
	background-image:url('/site_images/WEBPHYLUM/FR/LIMS_EDI_1_Anim.gif');
}
#LIMS_EDI_2 a{
	background-image:url('/site_images/WEBPHYLUM/FR/LIMS_EDI_2.gif');
}
#LIMS_EDI_2 a:hover {
	background-image:url('/site_images/WEBPHYLUM/FR/LIMS_EDI_2_Anim.gif');
}
#LIMS_EDI_3 a{
	background-image:url('/site_images/WEBPHYLUM/FR/LIMS_EDI_3.gif');
}
#LIMS_EDI_3 a:hover {
	background-image:url('/site_images/WEBPHYLUM/FR/LIMS_EDI_3_Anim.gif');
}
/********************************************** DEBUT CSS STYLES DE TEXTE ****************************************************/

TitrePage {
	padding:0 1em 0 0;
	font-size: 1.5em;
	color: #FA812C; 
}
SousTitrePage {
	padding: 0 0 0 0.5em;
	margin 0 0 2em;
	border-bottom:solid 1px #bbb;
	color: #FA812C; 
}
.TableauDocuments {
	width:100%;
}
.TableauDocuments td {
	border-bottom:solid 1px #aaa;
	padding:0.5em 0.2em 0 0.2em;
}
	
.titre00{
	color: #FFFFFF;
	font-size: 1.3em; 
	font-weight: bold
}

.titre01{
	font-size: 1em; 
	color: #DCDCDC; 
	font-weight: bold
}


.titre02{
	font-size: 1em; 
	color: #FA812C; 
	font-weight: bold
}


.titre03{
	color: #4A5257; 
	font-weight: bold
}
.couleur1{
	color: #FA812C;
}


.taille1{
	font-size: 10px; 
}
.pcouleur2
{
	color: #F0770C;
	font-size: 10px;
}

form.formation_DDASS input.formulaire, form.formation_DDASS textarea {
	width:70%;
	min-width:70%;
	float:right;
	margin-right:10%;
	}

form.formation_DDASS input[name="courriel"] {
	margin-bottom:2em;
	}
	
form.formation_DDASS label {
	margin:0 0 0 5%;
	clear:right;
	line-height:2em;
	}
form.formation_DDASS + p {
	margin:0 5% 0 5%;
	}
	
.bouton {
	padding:0.2%;
	background-color:#fee376;
	border:outset 2px #eee;
	font-weight:bolder;
	}
.bouton:visited {
	background-color:#eee;
	font-weight:lighter;
	}
.bouton:active {
	border:inset #FA812C;
	}
.bouton:hover {
	border-color:#F0770C;
	background-color:#fcae03;
	color:#4A5257;
	}
legend {
	font-weight:bolder;
	font-size:larger;
	}
	
form.formation_DDASS {
	padding:0 5% 2em 5%;
	}

form.formation_DDASS input[type="submit"] {
	margin-bottom:2%;
	}

fieldset.participant {
	width:30%;
	margin-left:2%;
	margin-right:2%;
	}