/* CSS Document */

body {
	background-color: #333333;
	background-position: center;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #006699;
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Arial, Helvetica, sans-serif;
}
a{
	color: #003366;
}
a:hover {
	color: #006699;
}

#tt {
	text-align: left;/* reprendre le bon alignement */
	margin-left: auto;
	margin-right: auto;
	width: 751px;
	text-align: left;
}
#menuhaut {
	font-size: 12px;
	padding: 10px;
	width: 100%;
	background-image: url(imgs-formation/bg-menu1.gif);
}
#bas {
	background-color: #98CEE7;
}
#itaest {
	font-size: 10px;
	text-align: right;
	color: #999999;
	padding-top: 10px;
}

#infoformation {
	font-size: 12px;
	color: #DAF3FF;
	background-color: #333333;
	padding: 10px 10px 10px 10px;
}

#itaest a{
	color: #999999;
	text-decoration: none;	
}
a.itaest:hover{
	color: #FFFFFF;
	
}
#menu3bouts {
	font-size: 12px;
	color: #0278C4;
	background-color: #98CEE7;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(imgs-formation/fdtitres.gif);
}
#cadreimportant{
	font-size: 14px;
	color: #003366;
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	overflow: auto;
	padding-left: 10px;
}

h1 {
	font-size: 18px;
	color: #003366;
	background-color: #98CEE7;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 18px;
	background-image: url(imgs-formation/fdtitres.gif);
}
h1.fleche{
 list-style-type:none;
 background-image:url(imgs-formation/flechetitre.gif);
 background-repeat:no-repeat;
 background-position:3px 50%;
 padding-left:15px;
}

h2{
	font-size: 18px;
	color: #00528F;
	text-transform: uppercase;
	font-size: 18px;
	width: 250px;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	text-align: left;
}
h3.puces {
 list-style-type:none;
 background-image:url(imgs-formation/pucecarre.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:15px;
}
h4{
	color: #003366;
	font-size: 18px;
	padding-left: 20px;
	background-color: #B1DEE7;
	text-align: left;
}
h5{
	color: #003366;
	font-size: 14px;
	text-align: left;
	text-decoration: underline;
}

.puceok{
 list-style-type:none;
 background-image:url(imgs-formation/puceok.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:15px;

}

#fdblanc{
	color: #006699;
	background-color: #DAF3FF;
	vertical-align: top;
	padding: 10px;
	text-align: center;
	padding-bottom: 5px;
}

#fdbleu{
	color: #333333;
	padding-bottom: 5px;
	background-color: #DAF3FF;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
#fdbleu a {
	color: #333333;
}

#bg3bouts{
background-image: url(imgs-formation/fd3bout.jpg);
}


#actus{
	height: 350px;
	width: 250px;
	overflow: auto;
	padding: 10px;
	background-color: #FFFFFF;
	text-align: left;
	border-style:solid;
	border-width:1px;
	border-color:#006699;
}

#titeactu{
	background-color: #FFF4F7;
	text-align: left; 
	border-color:#0099CC; 
}

.feature{
	text-align: left;
}
.feature h3{
	text-align: left;
}

.feature ul li{
	text-align: left;
	background-color: #666666;
	list-style-type: disc;
	margin-left: 10px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}
.petitbas{
font-size: 9px;
}


.fondflash{
background-image: url(imgs-formation/arriereplan.jpg);
}





/* MENU*/
 
/* CSS issu des tutoriels http://css.alsacreations.com */
 #menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #333333;
	color: #CCCCCC;
}
#menu {
	position: absolute;
	z-index:100;
	margin-left: auto;
	margin-right: auto;
	width: 751px;
	top: 167px;
	text-transform: uppercase;
	text-align: left;	
}

#menu dl {
	float: left;
	width: 12em;
	margin: 0 1px;
	height : 12px;
	
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	/*background: #ccc;*/
	color: #FFFFFF;
}
#menu dd {
border: 1px solid gray;
	letter-spacing: 0.5em; 
	word-spacing: 0.5em;
}
#menu li {
text-align: center;
line-height:20px
}
#menu li a, #menu dt a {
letter-spacing: 0em; 
word-spacing: 0em;
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
	background-color: #006699;
	color: #FFFFFF;
}





/* 3 boutons*/

#boutun {
text-align: center;
	padding-top: 10px;
	/*display: compact;*/
}
a.boutun { background-image: url(imgs-formation/bout-medical.jpg); display: block; width: 180px }
a.boutun:hover { background-image: url(imgs-formation/bout-medical2.jpg) }

#boutdeux {
	text-align: center;
	padding-top: 10px;
}
a.boutdeux { background-image: url(imgs-formation/bout-social.jpg); display: block; width: 180px }
a.boutdeux:hover { background-image: url(imgs-formation/bout-social2.jpg) }

#bouttrois {
	text-align: center;
	padding-top: 10px;
}
a.bouttrois { background-image: url(imgs-formation/bout-inscription.jpg); display: block; width: 180px }
a.bouttrois:hover { background-image: url(imgs-formation/bout-inscription2.jpg) }

#boutnewsletter {
	text-align: center;
	padding-top: 10px;
}
a.boutnewsletter { background-image: url(imgs-formation/newsletter.gif); display: block; width: 259px }
a.boutnewsletter:hover { background-image: url(imgs-formation/newsletter2.gif)}

#boutinscform {
	text-align: center;
	padding-top: 10px;
}
a.boutinscform { background-image: url(imgs-formation/inscform.gif); display: block; width: 259px }
a.boutinscform:hover { background-image: url(imgs-formation/inscform2.gif)}

#boutcontact {
	text-align: center;
	padding-top: 10px;
}
a.boutcontact { background-image: url(imgs-formation/plandacces.gif); display: block; width: 259px }
a.boutcontact:hover { background-image: url(imgs-formation/plandacces2.gif)}

#boutenseignement {
	text-align: center;
	padding-top: 10px;
}
a.boutenseignement { background-image: url(imgs-formation/enseignement.gif); display: block; width: 259px }
a.boutenseignement:hover { background-image: url(imgs-formation/enseignement2.gif)}

#boutlocaux {
	text-align: center;
	padding-top: 10px;
}
a.boutlocaux { background-image: url(imgs-formation/locaux.gif); display: block; width: 259px }
a.boutlocaux:hover { background-image: url(imgs-formation/locaux2.gif)}

#boutacces {
	text-align: center;
	padding-top: 10px;
}
a.boutacces { background-image: url(imgs-formation/acces.gif); display: block; width: 259px }
a.boutacces:hover { background-image: url(imgs-formation/acces2.gif)}