body {
	margin: 0;
	padding: 0;
	background:url("images/bg-fondbas-2000x600.jpg") no-repeat bottom center #313196;
}
img {
	border: none;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #007;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c00;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003;
}
hr {
	color: #003;
	background-color: #003;
	height: 1px;
	border: 0;
}
/*----------------------------------------------------------------------------------Conteneur general-------*/

#conteneur {
	position: relative;
	width: 970px;
	margin: 0 auto;
}

/*----------------------------------------------------------------------------------Menu principal-------*/

#menu {
	background-image: url(images/fond-menu.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 38px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f00;
}
#sommaire {
	text-align: center;
	padding: 15px 0 0 0;
}
#sommaire a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009;
	text-decoration: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #f00;
	border-left-color: #f00;
	text-decoration: none;
	text-align: center;
	padding: 2px 8px 2px 8px;
}
#sommaire a:hover {
	color: #f00;
	background-color: #fff;
}
#sommaire a.select {
	color: #f00;
	text-decoration: none;
	background-color: #fff;
}

/*----------------------------------------------------------------------------------Entetes-------*/

#bandeau {
	height: 171px;
	background-image: url(images/bandeau.jpg);
	background-repeat: no-repeat;
}
#entete {
	height: 65px;
	background-image: url(images/entete.png);
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 10px;
	padding: 0;
}
#entete h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cdcdcd;
	right: 140px;
	top: 77px;
	position: absolute;
}

/*----------------------------------------------------------------------------------divers encarts-------*/

#encart {
	position: absolute;
	margin: 0;
	padding: 0 0 10px 0;
	width: 198px;
	background: url(images/encart-haut.jpg) left top no-repeat;
	top: 296px;
	left: 14px;
	text-align: center;
	border: 1px solid #FF0000;
}
#encart h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fff;
	padding: 0;
	margin: 0;
	background-color: #f00;
	display: block;
}
#encart h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #060;
	padding: 0;
	margin: 0;
}
#encart p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000;
	padding: 0 5px 0 5px;
	margin: 0;
}
#encart p.tel {
	font-size: 20px;
}
#encart a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
#encart a:hover {
	color: #fff;
}

#catalogue {
	width: 630px;
	margin: 0;
	background-image: url(images/fond-catalogue_haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 16px;
}
#cataloguecontenu {
	background: url(images/fond-catalogue_bas.jpg) left bottom no-repeat;
	padding: 0  15px 15px 15px;
	margin: 0;
}

#soussommaire {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 303px;
	top: 230px;
	right: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009;
	text-align: center;
}
#soussommaire a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #f00;
	text-decoration: none;
}
#soussommaire a:hover {
	color: #009;
}

#filariane {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 366px;
	top: 233px;
	right: 346px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #009;
	text-align: left;
}
#filariane a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #009;
	text-decoration: none;
}
#filariane a:hover {
	color: #f00;
}
#auditassistance {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 350px;
	background: url(images/fond-formation.gif) top no-repeat;
	top: 332px;
	left: 400px;
	text-align: center;
}
#imageformation {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 691px;
	left: 267px;
}

/*----------------------------------------------------------------------------------Contenu-------*/

#fondcontenu {
	background-image: url(images/fond-global.png);
	background-repeat: repeat-y
}
#contenu {
	background-image: url(images/fond-contenu.png);
	background-repeat: no-repeat;
	margin: 0;
	background-position: top;
	padding: 60px 20px 10px 260px;
	min-height: 500px;
}
#contenu p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0;
	margin-right: 10px;
}
#contenu p.legende {
	font-size: 10px;
}
#contenu ul {
	white-space: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#contenu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 0;
	list-style-type: square;
	list-style-position: outside;
	margin: 0;
	line-height: 15px;
}
#contenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009;
}
#contenu a:hover {
	color:#f00;
}
#contenu h2.presentation{
	background-image: url(images/fdh.png);
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 20px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #CC0000;
	border-left-color: #000099;
	line-height: 25px;
	padding-left: 30px;
}

/*---------------------------------------------------------------------------Contenu page Formation--------------*/

#contenuformationlonguecourte {
	background-image: url(images/fond-contenu.png);
	background-repeat: no-repeat;
	margin: 0;
	background-position: top;
	padding: 60px 20px 10px 260px;
	min-height: 700px;
}
#contenuformationlonguecourte p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0;
}
#contenuformationlonguecourte a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009;
}
#contenuformationlonguecourte a:hover {
	color:#f00;
}

#formationlongue {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 640px;
	background: url(images/fond-formation-v4.png) top no-repeat;
	top: 332px;
	left: 248px;
	text-align: center;
}
#formationlongue h2{
	font-variant: small-caps;
	font-size: 14px;
	display:block;
	margin: 30px 0 20px 0;
	padding: 3px 0 3px 0;
	background-image: url(images/fdh.png);
	background-repeat: repeat-y;
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
}
#formationlongue a {
	text-decoration:none;
}
#formationlongue a:hover {
	text-decoration: underline;
}

#formationcourte {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 640px;
	background: url(images/fond-formation-v4.png) top no-repeat;
	top: 332px;
	left: 602px;
	text-align: center;
}
#formationcourte h2{
	font-variant: small-caps;
	font-size: 14px;
	display:block;
	margin: 30px 0 20px 0;
	padding: 3px 0 3px 0;
	background-image: url(images/fdh.png);
	background-repeat: repeat-y;
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
}
#formationcourte a {
	text-decoration:none;
}
#formationcourte a:hover {
	text-decoration: underline;
}

/*-----------------------------------------------------------modules perfectionnement----------*/

#moduleperfectionnement {
	width: 670px;
	padding: 5px 0 0 20px;
	margin:0 0 40px 0;
	background-image:url(images/fond-titre-modules.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#moduleperfectionnement h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding:0;
	margin:0 0 20px 0;
}
#moduleperfectionnement h3, #moduleperfectionnement img{
	margin-bottom:10px;
	padding-left:20px;
}
#moduleperfectionnement img{
	align:right;
}

/*----------------------------------------------------------------pied de page 2 colonnes-------*/

#pied {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #446;
	height: 101px;
	margin: 0;
	background-image: url(images/fond-pied-de-page.png);
	background-repeat: no-repeat;
}
#sousmenu {
	float: right;
	width: 620px;
	text-align: center;
	padding: 20px 60px 0 10px;
}
#eodys {
	float: left;;
	width: 220px;
	text-align: center;
	padding: 20px 0 0 0;
}
#pied p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #036;
	padding: 0;
	margin: 0
}
#pied h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	padding: 0;
	margin: 0;
	font-weight:normal;
}
#pied a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #036;
	text-decoration: none;
}
#pied a:hover {
	color: #f00;
	text-decoration: underline;
}

/*----------------------------------------------------------------------------------CLASS-------*/

.formulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003333;
	padding-left: 6px;
	border: 1px solid #336666;
	background-image: url(images/fond-body.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
.formulairetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003333;
}
.tablo{
	background-image: url(images/fdtable.png);
	background-repeat: repeat-y;
	border: 1px solid #66CCCC;
	padding: 3px;
}
.gauche{
	float:left;
	padding-right: 5px;
}
.droite{
	float:right;
	padding: 0 0 8px 8px;
}
a.info {
    position:relative; 
    z-index:24; 
    color:#000;
    text-decoration:none;
}
a.info:hover {
	z-index:25; 
}
a.info span {
	display: none
}
a.info:hover span { 
 	display:block; 
 	position:absolute;
    top:30px; 
	left:0px; 
	width:250px;
    border:1px solid #F4912D;
    background-color:#ffffff; 
    padding:3px;
}
.petitetaille {
	font-size: 10px;
}
.popuphtml{
	position: absolute;
	height: 80px;
	width: 250px;
	top: 350px;
	left: 400px;
	background-color: #eee;
	border: 4px solid #f00;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #f00;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}