body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #282828;
	font-weight: normal;
	font-style: normal;
	scrollbar-face-color:#AF043E;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#282828;
	scrollbar-3dlight-color:#282828;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
}


h3 {
	font-weight: bold;
	color: #000000;

}
table, tr, td, p, font, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #282828;
    vertical-align: top;
}
form{
	margin:0px;
}
a, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	}

a:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	}
a.sitemap, a.sitemap:active, a.sitemap:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	}

a.sitemap:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	}
a.bko, a.bko:active, a.bko:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}

a.bko:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}

a.subTitle, a.subTitle:active, a.subTitle:visited {
	color: #AF043E;
	font-weight: bold;
	text-decoration: none;
	}
a.subTitle:hover {
	color: #AF043E;
	font-weight: bold;
	text-decoration: underline;
	}
	
a.subTitlePasse, a.subTitlePasse:active, a.subTitlePasse:visited {
	color:#666666;

	font-weight: bold;
	text-decoration: none;
	}
a.subTitlePasse:hover {
	color:#666666;
	font-weight: bold;
	text-decoration: underline; 
	}
	
a.title2, a.title2:active, a.title2:visited {
	color: #AF043E;
	font-weight: normal;
	text-decoration: none;
	}

a.title2:hover {
	color: #AF043E;
	font-weight: normal;
	text-decoration: underline;
	}

a img {
	border: none;
}
input, select, textarea {
	font-size: 12px;
	border: 1px solid #AF043E;
	border-right: 1px solid #AF043E;
	}
hr{
	border-top: 2px dotted #EECCD8;
	border-right: 2px dotted #FFFFFF;
	border-bottom: 2px dotted #EECCD8;
	border-left: 2px dotted #FFFFFF;
}
.button {
	cursor: pointer;
	}

.menu {
	background-color:#FFFFFF;
	cursor: pointer;
	}

.menuSelected {
	background-color:#7E9FD3;
	color: #FFFFFF;
	cursor: pointer;
	}

.menuOn {
	background-color:#CFD8EE;
	color: #000000;
	cursor: pointer;
	}

.menuOut {
	cursor: pointer;
	background-color:#FFFFFF;
	}

a.menu, a.menu:active, a.menu:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#E4F2B7;
	}

a.menu:hover {
	color: #CCF1D7;
	font-weight: bold;
	text-decoration: underline;
	background-color:#E4F2B7;
	}

.title , h2{
	font-size: 13px;
	font-weight: bold;
	color: #AF043E;
	vertical-align: top;
	text-decoration: none;
	}
.title2 {
	font-size: 15px;
	font-weight: bold;
	color: #7E9FD3;
	vertical-align: top;

	}
.subTitle {
	font-weight: bold;
	color: #000000;
	}
.red {
	font-weight: bold;
	color: #FF0000;
	}
.accroche {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	}

.textBold {
	font-weight: bold;
	}

a.textBold, a.textBold:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000066;
	}

a.textBold:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000066;
	}

.textItalic {
	font-style: italic;
	}

.textBoldItalic {
	font-weight: bold;
	font-style: italic;
	}

.textRed {
	color: #FF0000;
	}

.tblTop, th {
	background-color: #AF043E;
	font-weight: bold;
	color: #FFFFFF;
	}

.tblUnpair {
	background-color: #C28FA0;
	color: #282828;
	}

.tblPair {
	background-color: #D8B6C2;
	color: #282828;
	}

.footer {
	font-size: 9px;
	background-color: #CFD8EE;
	vertical-align: middle;
	list-style-type: square;
	}

a.footer, a.footer:active, a.footer:visited {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	}

a.footer:hover {
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
	}

.bgCell {
	background-color: #AF043E;
	}

.bgCell2 {
	background-color: #CFD8EE;
	}

.bgRed {
	background-color: #AF043E;
	color:#FFFFFF;
	}

.bgSpecial {
	background-color: #CFD8EE;
	vertical-align: middle;

	}

.bgSpecialHaut {
	background-image: url(../template/bg_special_haut.gif);
	background-repeat: repeat-x;
	background-position: left;
	}

.bgWhite {
	background-color: #FFFFFF;
	}

.alignBottom {
	vertical-align: bottom;
	}
li.search{
	list-style-image: url(../template/puce2.gif);
}
.table {
	border: 1px solid #AF043E;
}
.justified {
	text-align: justify;
}
.w400{
	width:400px;
}
.w200{
	width:198px;
}
a.inverse, a.inverse:active, a.inverse:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	}

a.inverse:hover {
	color: #AF043E;
	font-weight: normal;
	text-decoration: none;
	}
a.blue, a.blue:active, a.blue:visited {
	color: #1B75BC;
	font-weight: normal;
	text-decoration: underline;
	}

a.blue:hover {
	color: #1B75BC;
	font-weight: normal;
	text-decoration: underline;
	}
a.multimenu, a.multimenu:active, a.multimenu:visited {
	color: #1B75BC;
	font-weight: normal;
	text-decoration: none;
	}

a.multimenu:hover {
	color: #1B75BC;
	font-weight: normal;
	text-decoration: underline;
	}
a.multimenuon, a.multimenuon:active, a.multimenuon:visited {
	color: #AF043E;
	font-weight: normal;
	text-decoration: none;
	}

a.multimenuon:hover {
	color: #AF043E;
	font-weight: normal;
	text-decoration: underline;
	}
.multimenu{
	color: #1B75BC;
	}
a.title, a.title:active, a.title:visited ,a h2, a h2:active, a h2:visited {
	font-size: 14px;
	font-weight: bold;
	color: #AF043E;
	text-decoration: none;
	}

a.title:hover, a h2:hover {
	font-size: 14px;
	font-weight: bold;
	color: #AF043E;
	text-decoration: underline;
	}
.subTitle2{
	font-size: 12px;
	font-weight: bold;
	color: #7E9FD3;
}
a.subTitle2, a.subTitle2:active, a.subTitle2:visited {
	font-size: 12px; 
	font-weight: bold;
	color: #7E9FD3;
	text-decoration: none;
	}

a.subTitle2:hover {
	font-size: 12px;
	font-weight: bold;
	color: #1B75BC;
	text-decoration: underline;
	}
a.mail, a.mail:active, a.mail:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}

a.mail:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}

photo {
	vertical-align: middle;
}
	
ul {
	list-style-type: none;
	position:relative;
	left:-22px
}

li {
	list-style-type: none;
	background-image: url('../template/puce.gif') ;
	background-repeat: no-repeat;
	background-position:left;
	background-position: 0em .4em;
	padding-left: .6em; 
}

ol{
	position:relative;
	left:-15px
}

ul.link-list {
	list-style:none;
}

ul.link-list li {
	background-image: none;
}

/* ---------- /Special styles ---------- */

.subMenu {
	color: #1B75BC;
	vertical-align: top;
}

a.subMenu, a.subMenu:active, a.subMenu:visited {
	font-weight: normal;
	color: #1B75BC;
	text-decoration: underline;
	}

a.subMenu:hover {
	color: #1B75BC;
	font-weight: normal;
	text-decoration: none;
	}

a.title, a.title:active, a.title:visited {
	font-size: 14px;
	font-weight: bold;
	color: #AF043E;
	text-decoration: underline;
	}

a.title:hover {
	font-size: 14px;
	font-weight: bold;
	color: #AF043E;
	text-decoration: none;
	}

sitemap {
	list-style-type: square;
	}

.formation {
	background-color:#E3E8F3;
}		

a.subTitleFormation, a.subTitleFormation:active, a.subTitleFormation:visited {
	color: #0C318D;
	/*font-weight: bold;*/
	text-decoration: none;
	}

a.subTitleFormation:hover {
	color: #AF043E;
	/*font-weight: bold;*/
	text-decoration: underline;
	}
	
.bgBlue {
	background-color: #7E9FD3;
	color:#FFFFFF;
	}

ul.formation{
	background-image: url(../template/puce.gif); 
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .6em;
	left:-5px
}

/* ---------- Special styles ---------- */


.avertissement {
	border: 1px solid #AF043E;
	margin-top: 1em; 
	margin-bottom: 1em;

	padding: 0.5em;
}


/* formulaire de recherche des cours */

/*** Mise en forme du formulaire ***/

#formulaire {
	margin: 0;
	padding: 0;
}
fieldset {
    border: 1px solid  #CFD8EE;
	margin: 1em 0 1em 0;

}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 0;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#recherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 6em;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}


















/* Utiliser un formulaire avec les standards web */


/* Styler les listes */

fieldset {
padding: 10px 5px 10px 5px;
}
fieldset ul.formulaire {
	list-style:none;
	left:0;
	margin:0;

	padding-left: 0;
}


fieldset li.formulaire{
	list-style-image:none;
	background-image: none;
	
	clear:left;
	margin:0;
	margin-left: 1em;
}

/* Styler les labels */
fieldset li.formulaire label.intitule {
	width : 25%;
	display:block;
	float: left;
	margin-right: 1%;
	margin-top: 10px;
/*	text-align:right; */
}

fieldset li.formulaire label.listeapuces {
	clear:left;
}

/* Styler les checkbox */

input.checkbox{
	display:inline;
	border: none;
}

input.bouttonradio, input.radio {
	display:inline;
	width:auto;
	margin:0;
	border: 1px;
}


/* Mettre une couleur sur le champ lorsque la souris passe sur le fieldset */
fieldset li:hover input{
/* background-color: #FFCCCC; */
}

fieldset input.champ_texte {
width:74%;
margin-top: 10px;
background-color:#FFFFFF;
}

fieldset .champ{
	padding-top: 10px;
	display:block;
	width: 74%;
	position:relative; 
	padding-bottom: 0;
	margin-bottom: 0;
}

fieldset select{
	margin-top:10px;
}
fieldset ul.formulaire li.formulaire div.listeapuces {
padding:0;
margin:0;
position:relative; 
top:10px;
}