/***************/
/*** COMMUNS ***/
/***************/
html, body {
	height: 100%;
}
body {
	padding: 0; margin: 0;
	font-family: verdana,sans-serif;
	height: 100%;
}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}

.conteneur {
	position: absolute;
	width: 980px;
	left: 50%; margin-left: -490px;
	background: url(../iso_icons/f_pages.gif) 0 0 repeat-y;
}

.fond {
	background: url(../iso_icons/f_interieur.gif) no-repeat;
	width: 100%; height: 100%;
	border-collapse: collapse;
	border: 0;
	padding: 0; margin: 0;
}
.colgauche, .coldroite {
	border-collapse: collapse;
	border: 0;
	padding: 0; margin: 0;
}


/**********************/
/*** COLONNE GAUCHE ***/
/**********************/
.colgauche {
	width: 250px;
}
.encoche {
	background: url(../iso_icons/a_encoche.gif) no-repeat;
	width: 240px; height: 10px;
	margin-left: 10px;
	font-size: 5px;
}

.logo {
	background: url(../iso_icons/a_logo.gif) no-repeat;
	width: 161px; height: 90px;
	margin: 18px 0 0 52px;
}

.navigation {
	background: url(../iso_icons/f_navigation.gif) no-repeat;
	padding-top: 15px; margin-top: 26px;
	width: 250px;
}
	.navigation ul {
		padding: 0 0 26px 10px; margin: 0;
		list-style-type: none;
		background: url(../iso_icons/f_basnavigation.gif) 0 bottom no-repeat;
	}
	.navigation ul li {
		width: 240px;
	}
	.navigation ul li a, .navigation ul li a:visited {
		display: block;
		font-size: 11px; color: white; text-decoration: none; line-height: 1.3em;
		padding: 4px 0; margin: 0 22px;
	}
	.navigation ul li .rubon {
		font-weight: bold;
	}
	.navigation ul li a:hover {
		text-decoration: underline;
		color: white;
	}
	.navigation ul li ul {
		padding: 5px 0 5px 23px; margin: 3px 0 0 0;
		background: url(../iso_icons/f_sousnav.gif) 0 0 repeat-y;
	}
	.navigation ul li ul li {
		width: 205px;
	}
	.navigation ul li ul li a, .navigation ul li ul li a:visited {
		font-size: 11px; color: white; text-decoration: none; line-height: 1.3em;
		padding: 2px 0; margin: 0;
	}

	.navigation ul li .sousnavformations {
		width: 240px;
		background: url(../iso_icons/f_sousnavformations.gif) 0 0 repeat-y;
	}
	.navigation ul li .sousnavformations li {
		padding: 0 10px 0 0;
	}
	.navigation ul li ul li.sante a, .navigation ul li ul li.sante a:visited {
		background: url(../iso_icons/a_pucesante.gif) no-repeat 0 6px;
		padding-left: 15px;
		color: #009036; text-decoration: none;
	}
		.navigation ul li ul li.sante a:hover {
			color: #009036; text-decoration: underline;
		}
	.navigation ul li ul li.hygiene a, .navigation ul li ul li.hygiene a:visited {
		background: url(../iso_icons/a_pucehygiene.gif) no-repeat 0 6px;
		padding-left: 15px;
		color: #3a65ab; text-decoration: none;
	}
		.navigation ul li ul li.hygiene a:hover {
			color: #3a65ab; text-decoration: underline;
		}
	.navigation ul li ul li.gestion a, .navigation ul li ul li.gestion a:visited {
		background: url(../iso_icons/a_pucegestion.gif) no-repeat 0 6px;
		padding-left: 15px;
		color: #ff7d00; text-decoration: none;
	}
		.navigation ul li ul li.gestion a:hover {
			color: #ff7d00; text-decoration: underline;
		}
	.navigation ul li ul li.secteur a, .navigation ul li ul li.secteur a:visited {
		background: url(../iso_icons/a_pucesecteur.gif) no-repeat 0 6px;
		padding-left: 15px;
		color: #9a80b8; text-decoration: none;
	}
		.navigation ul li ul li.secteur a:hover {
			color: #9a80b8; text-decoration: underline;
		}
	.navigation ul li ul li.management a, .navigation ul li ul li.management a:visited {
		background: url(../iso_icons/a_pucemanagement.gif) no-repeat 0 6px;
		padding-left: 15px;
		color: #ffba00; text-decoration: none;
	}
		.navigation ul li ul li.management a:hover {
			color: #ffba00; text-decoration: underline;
		}
	.navigation ul li ul li.manifestations a, .navigation ul li ul li.manifestations a:visited {
		background: url(../iso_icons/a_pucemanifestations.gif) no-repeat 0 6px;
		padding-left: 15px;
		color: #10aedd; text-decoration: none;
	}
		.navigation ul li ul li.manifestations a:hover {
			color: #10aedd; text-decoration: underline;
		}
	.navigation ul li ul li.prevention a, .navigation ul li ul li.prevention a:visited {
		background: url(../iso_icons/a_puceprevention.gif) no-repeat 0 6px;
		padding-left: 15px;
		color: #abce30; text-decoration: none;
	}
		.navigation ul li ul li.prevention a:hover {
			color: #abce30; text-decoration: underline;
		}


.liens {
	padding: 17px 0 0 30px;
}
	.liens ul {
		padding: 0; margin: 0;
		list-style-type: none;
	}
	.liens ul li {
		text-indent: -1000px;
	}
	.liens ul li a {}
	.liens ul .lien1 {
		display: block;
		background: url(../iso_icons/a_liensinterieur.gif) 0 0 no-repeat;
		width: 193px; height: 14px;
		margin-bottom: 4px;
	}
	.liens ul .lien2 {
		display: block;
		background: url(../iso_icons/a_liensinterieur.gif) 0 -22px no-repeat;
		width: 193px; height: 14px;
		margin-bottom: 4px;
	}
	.liens ul .lien3 {
		display: block;
		background: url(../iso_icons/a_liensinterieur.gif) 0 -44px no-repeat;
		width: 193px; height: 14px;
	}

.newsletter {
	font-size: 10px; line-height: 14px;
	padding: 20px 0 0 30px;
}
	.newsletter .champ {
		font-size: 11px;
		width: 169px;
		height: 18px;
		border: 1px solid #8cacbb;
	}
	.newsletter .bouton {
		background: #ff7d00;
		border: 0;
		color: white; font-weight: bold; font-size: 11px;
		padding: 3px 2px 2px 2px; margin-left: 2px;
	}
	.newsletter p {
		padding-bottom: 7px;
	}

.opqf {
	background: url(../iso_icons/a_logoOPQF.gif) 0 0 no-repeat;
	width: 130px; height: 62px;
	margin: 22px 0 0 46px;
}


/**********************/
/*** COLONNE DROITE ***/
/**********************/
.coldroite {
	width: 730px;
	background: url(../iso_icons/f_coldroite.gif) 380px 0 no-repeat;
}

.header {
	margin: 40px 30px 25px 30px;
	border-bottom: 1px solid #dbdbdb;
	height: 20px;
}
.home {
	float: left;
	padding-top: 4px;
}
	.home a {
		display: block;
		background: url(../iso_icons/b_accueil.gif) 0 0 no-repeat;
		width: 71px; height: 10px;
	}
}
.baseline {
	float: right;
	background: url(../iso_icons/a_baseline.gif) no-repeat;
	width: 281px; height: 14px;
}

.titrepage {
	background: url(../iso_icons/a_pucetitre.gif) 0 9px no-repeat;
	padding: 0 0 0 27px; margin: 0 0 0 30px;
	font-family: arial,sans-serif; font-size: 25px; color: #475598; font-weight: normal;
}
.titre {
	font-size: 12px; color: #313a67; font-weight: bold;
}
.soustitre {
	font-family: arial,sans-serif; font-size: 12px; color: black; font-weight: normal;
}
.contenu {
	font-size: 12px;
	padding: 20px 60px;
	padding-bottom: 70px;
}

.footer {
	padding: 50px 0 15px 0;
}
.footer ul {
	padding: 0; margin: 50px 0 0 300px;
	list-style-type: none;
}
	.footer ul li {
		float: left;
		background: url(../iso_icons/a_separationfooter.gif) right 4px no-repeat;
		padding: 0 8px 0 8px;
	}
	.footer ul li a, .footer ul li a:visited {
		font-size: 11px; color: #999999;
		text-decoration: none;
	}
	.footer ul li a:hover {
		text-decoration: underline;
	}


/***********************/
/*** PAGE FORMATIONS ***/
/***********************/
.formation {
	font-size: 12px; line-height: 18px;
	padding: 5px 60px 20px 0;
	padding-bottom: 70px;
	width: 630px;
}
.formation h1 {
	position: absolute;
	width: 600px;
	background: url(../iso_icons/a_pucetitre.gif) 0 4px no-repeat;
	padding: 0 0 0 27px; margin: 0;
	font-family: arial,sans-serif; font-size: 25px; color: #475598; font-weight: normal; line-height: 22px;
}
.formation h2 {
	width: 600px;
	font-family: arial,sans-serif; font-size: 13px; font-weight: bold; color: #475598;
	padding: 22px 0 0 30px;
}
.formation h3 {
	font-size: 16px; font-weight: bold; color: #475598;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 3px;
}
.formation h4 {
	font-size: 12px; font-weight: bold; color: #475598;
	padding: 10px 0 0 0;
}
.formation h5 {
	background: url(../iso_icons/a_puceniveau1.gif) 0 6px no-repeat;
	padding: 0 0 0 10px;
	font-size: 12px; font-weight: normal; color: #475598;
}
.formation h6 {
	background: url(../iso_icons/a_puceniveau2.gif) 0 6px no-repeat;
	padding: 0 0 0 10px; margin-left: 10px;
	font-weight: normal; font-size: 12px;
}
.h7 {
	padding: 0 0 0 20px;
}

.objectifs {
	background: url(../iso_icons/f_objectifs.gif) 0 0 no-repeat;
	font-size: 12px; font-weight: normal; font-style: italic;
	padding: 61px 15px 15px 23px;
}

.programme {
	padding-top: 17px;
}
.programme ul {
	padding: 0 0 15px 0; margin: 0;
	list-style-type: none;
}
.programme ul li {
	background: url(../iso_icons/a_puceniveau1.gif) 0 6px no-repeat;
	padding: 0 0 0 10px;
}
.programme ul li ul {
	padding: 0 0 2px 0;
	list-style-type: none;
}
.programme ul li ul li{
	background: url(../iso_icons/a_puceniveau2.gif) 0 6px no-repeat;
	padding: 0 0 0 10px;
}


.colformgauche {
	width: 440px;
	font-size: 12px; font-weight: normal; color: black;
	padding: 0 20px 0 0;
}

.colformdroite {
	background: url(../iso_icons/f_diversform.gif) 0 49px no-repeat;
	width: 170px; height: 439px;
	padding: 0; margin: 10px 0 0 19px;
	font-size: 12px; font-weight: normal; color: black;
}
.mentions {
	width: 170px; height: 48px;
	background-position: center center;
	background-repeat: no-repeat;
}
.colformdroite .infosform {
	padding: 15px 10px 0 10px
}
.programme_detail a, .programme_detail a:visited, .programme_detail a:hover {
	color: #475598;
	padding: 0 0 0 0;
}
.programme_detail span {
	color: #808080; font-size: 11px;
}
.colformdroite .infosform h3 {
	font-family: arial,sans-serif; font-size: 12px; font-weight: bold; color: #475598; text-transform: uppercase;
	border-bottom: 1px solid #aebad4;
	padding-bottom: 2px; margin-bottom: 5px;
}
.colformdroite .infosform p {
	padding: 0 0 15px 0;
}

.listeformation {
	font-size: 12px;
	padding: 20px 60px 20px 0;
	padding-bottom: 70px;
}
.listeformation h3 {
	font-family: arial,sans-serif; font-size: 16px; font-weight: bold; color: #475598;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 3px; margin-bottom: 9px;
}
.listeformation h4 {
	font-size: 13px; font-weight: bold; color: #f3bf00;
	margin: 15px 0 3px 0;
}
.listeformation ul {
	padding: 0 0 25px 0; margin: 0;
	list-style-type: none;
}
.listeformation ul li {
	background: url(../iso_icons/a_puceniveau1.gif) 0 6px no-repeat;
	padding: 0 0 0 10px;
	color: #475598; font-weight: bold;
}
.listeformation ul li a, .listeformation ul li a:visited {
	color: #475598; text-decoration: none;
}
.listeformation ul li a:hover {
	color: #475598; text-decoration: underline;
}
.listeformation ul li img {
	margin-left: 8px;
	border: 0;
}
.listeformation ul li span {
	font-weight: normal; font-style: italic;
}


.indexformation {
	font-size: 12px;
	margin: 20px 60px;
	padding-bottom: 70px;
}
.calendrier h3, .domaines h3 {
	font-family: arial,sans-serif; font-size: 16px; font-weight: bold; color: #475598;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 3px; margin-bottom: 9px;
}
.calendrier ul {
	padding: 0 0 25px 5px; margin: 0;
	list-style-type: none;
}
.calendrier ul li {
	background: url(../iso_icons/a_puceniveau1.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	color: #475598; font-weight: normal; line-height: 16px;
}
.calendrier ul li a, .calendrier ul li a:visited {
	color: #475598; text-decoration: none;
}
.calendrier ul li a:hover {
	color: #475598; text-decoration: underline;
}
.liste_domaines ul {
		padding: 0; margin: 0;
		list-style-type: none;
	}
	.liste_domaines ul li {}
	.sante {
		background: url(../iso_icons/a_pucesante.gif) no-repeat;
		margin-top: 10px;
	}
		.sante a, .sante a:visited {
			color: #009036; text-decoration: none;
		}
		.sante a:hover {
			color: #009036; text-decoration: underline;
		}
	.hygiene {
		background: url(../iso_icons/a_pucehygiene.gif) no-repeat;
		color: #3a65ab;
	}
		.hygiene a, .hygiene a:visited {
			color: #3a65ab; text-decoration: none;
		}
		.hygiene a:hover {
			color: #3a65ab; text-decoration: underline;
		}
	.gestion {
		background: url(../iso_icons/a_pucegestion.gif) no-repeat;
		color: #ff7d00;
	}
		.gestion a, .gestion a:visited {
			color: #ff7d00; text-decoration: none;
		}
		.gestion a:hover {
			color: #ff7d00; text-decoration: underline;
		}
	.secteur {
		background: url(../iso_icons/a_pucesecteur.gif) no-repeat;
		color: #9a80b8;
	}
		.secteur a, .secteur a:visited {
			color: #9a80b8; text-decoration: none;
		}
		.secteur a:hover {
			color: #9a80b8; text-decoration: underline;
		}
	.management {
		background: url(../iso_icons/a_pucemanagement.gif) no-repeat;
		color: #ffba00;
	}
		.management a, .management a:visited {
			color: #ffba00; text-decoration: none;
		}
		.management a:hover {
			color: #ffba00; text-decoration: underline;
		}
	.manifestations {
		background: url(../iso_icons/a_pucemanifestations.gif) no-repeat;
		color: #10aedd;
	}
		.manifestations a, .manifestations a:visited {
			color: #10aedd; text-decoration: none;
		}
		.manifestations a:hover {
			color: #10aedd; text-decoration: underline;
		}
	.sante, .hygiene, .gestion, .secteur, .management, .manifestations {
		padding: 0 0 0 15px;
		line-height: 18px;
		background-position: 0 5px;
	}
