html {
  height:100%;
		margin:0;
		padding:0;
}

body {
  background-color:#fff;
		margin:0;
		padding:0;
		height:100%;
}

h1 { 
  font-size:26px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
		margin:30px 0 20px 0; 
		text-align:center;
}

.gras { font-weight:bold; }
.centre { text-align:center; }
.droite { text-align:right; }
.va { vertical-align:middle; }

.texte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal}
.j { text-align:justify; }
.titre1 {  font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #000000}
.textgras { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000 ; font-weight: bold}
.textroug { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EF394A; font-weight: bold }
.titrvert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #005229;
	text-decoration: none;
}
.textblan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tit2blan {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF}
.textvert {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #216B29}
.textblan2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF ; text-decoration: none; font-style: normal; line-height: 14px; font-variant: normal}
.titbl14 { font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #FFFFFF }
.textbleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}
.titbleu16 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #336699; font-weight: bold ; line-height: 28px; text-decoration:none; }
.textoran { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF7B00; font-weight: bold ; font-style: normal; line-height: 12px; font-variant: normal}
.titbleu12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; line-height: 14px; text-decoration: none}
.textital { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000 ; font-style: italic}
.txttab {  font-family: "Times New Roman", Times, serif; font-size: 10pt}
.titvert16 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #94CE21; font-weight: bold ; line-height: 28px ; text-decoration: none}
.textgras12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 ; font-weight: 900}
.chptexte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px ; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
.titrturq { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #00848C}
.titroran { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #EF9C00}
.titrfrai { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #D65A5A}
.titvert18 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #94CE21; font-weight: bolder; line-height: 20px; text-decoration: none }
.textblan18 {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.listfaqmc {  font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 10px; font-style: normal; line-height: 10px; font-weight: normal; font-variant: normal; color: #000000; width: 400px; padding-top: 5px; padding-bottom: 5px}
.navmado {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height:normal; font-weight: bold; color: #003300; text-decoration: none}
.textora2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF9900; font-weight: bold ; font-style: normal; line-height: 12px}
.textgras20 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #000000 ; font-weight: bold }
.titvert20 {  font-family: Arial, "Arial Black"; font-size: 20px; font-style: normal; line-height: normal; font-weight: bold; color: #336633; text-decoration: none}
.titroug16 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #CC0000; font-weight: bold ; line-height: 28px }
.titroug14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color:red;
}

.titrvertlien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #005229;
	text-decoration: underline;
}
.textoran3 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ED5D15; font-weight: bold
}
.bleu12 {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #330066; line-height: 14px
}
.verdana11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	color: #800000;
}
.verdana10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	color: #800000;
}
.textpuce {
	padding: 0px 0px 0px 15px;
	margin: 0px;
}
.textgras12blanc {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: 900
}
.cellule_padding {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
}
.menu {
	color: #000000;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 15px;
	text-indent: 0px;
	text-align: left;
	white-space: normal;
}
.menu2 {
	margin: 0px;
	padding: 3px 4px 3px 6px;
	list-style-type: none;
	text-indent: 0px;
	text-align: left;
	white-space: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

#entete {	text-align:center;	margin: 0px;	padding: 0px; }

.textblanng {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.textjaune {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FCEA44;
	font-weight: bold;
	font-style: normal;
	line-height: 12px;
	text-decoration: none;
}
.bordurebleue {
	border: 1px solid #394294;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
.bleu12maigre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #330066; line-height: 14px }
.txtbleu07 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #394294;
	text-decoration: none;
}
#menu_accueil a,a:visited{ text-decoration:none; }
#menu_accueil a:hover{ text-decoration:underline; }

/* cellules de tableaux bleus */
.celltb { vertical-align:middle;	padding:5px 0 5px 15px; }
.gauche { text-align:left; }

/* ----- plan du site --------------------------------------------------------------------------------*/
#plandusite h2 { font-size:14px; color:#31639c; padding-top:20px; border-bottom:solid 2px #31639c; }
#plandusite { font-size:12px; }

/* ---------------------------------------------------------------------------------------------------*/
#barnavigation {width:650px;	margin:0 auto;	padding:0; text-align:center; }
#barnavigation2 {width:650px;	margin:0 auto 25px auto;	padding:0; text-align:center; }
#barnavigation *, #barnavigation2 * {margin:0;	padding:0; border:0}

/* ---------------------------------------------------------------------------------------------------*/
#conteneur{ margin:0 auto;	padding:0;	font-family: Arial, Helvetica, sans-serif;}
.larg500{width:500px;}
.larg550{width:550px;}
.larg600{width:600px;}
.larg625{width:625px;}
.larg650{width:650px;}
.larg700{width:700px;}
.larg725{width:725px;}
.larg750{width:750px;}

/* - module usagers --------------------------------------------------------------------------------------------------*/
#titreForm{ font-size:18px; color:#336699; font-weight:bold; margin-top:30px;}
#divForm {	font-size:11px; color:#336699;	padding:10px;	margin-bottom:20px;}
.vertpale { background-color:#ECF7AD; }
.bleupale { background-color:#E8EFF7; }

.bleu12 {font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#330066; line-height:14px; color:#336699; }

#divForm form { margin:0;	padding:0; }
#inputRadio { margin:0 0 8px 130px;	padding:0; }
#inputText{ margin:0 0 10px 0;	padding:0; }
#divForm fieldset{ border:1px solid #336699; margin-bottom:15px; color:#336699;}
#divForm legend{ color:#336699;	font-weight:bold; font-variant:small-caps;	margin:0 5px;	padding:0;	font-size:14px; }

#infosPersos label, #inputText label { font-weight:bold; line-height:normal; text-align:right; margin-right:10px; position:relative; display:block; float:left; width:135px; }
#inputText input{ font-size:12px; margin:0 0 5px 0;	padding:0; display:block; }

#boutonsForm { text-align:right;	margin:0;	padding:0; }
#divQuestion{ margin-bottom:10px; margin-top:10px;}
#usagersQuestion { display:block; margin:5px auto; width:450px;	height:80px; }
#sujetQuestion { overflow:auto;	margin:5px 0 10px 0; }
.pseudoCell{ width:48%;	float:left;	padding-left:2%; }
.elemCentre{ margin:0 auto; }

#loginUsager{ width:500px; background-color:#395A8C; margin:20px auto;	padding:10px;	font-family:Arial, Helvetica, sans-serif;	font-size:0.8em;	color:white; }
#loginUsager p{ padding:0; margin:0; }
#loginUsager form{ text-align:center; margin-top:15px; }
#loginUsager form *{ margin:5px; }

#coordonn  {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
		font-weight:500;
		color:#bdc610;
		line-height:25px;
		margin-left:15px;
		width:200px;
		float:left;
}
#coordonn a{
		color:#bdc610;
}

/* utilisé dans la page examens */
.aligne {
  vertical-align:middle;
}

#infosexam {
  border:1px dotted #336699; margin-bottom:20px;
}
#infosexam p.ex1 {
  padding:3px; margin:0; background-color:#FF3333; color:#FFFFFF; text-align:center;
}
#infosexam ul.ex2 {
		padding:5px 0; margin:0; border-bottom:1px dotted #336699; list-style:none; 
}
#infosexam ul.ex2 li { 
  font-weight:normal; padding:3px 0 3px 10px; margin:0;
}
#infosexam ul.ex3 {
		padding:5px 0; margin:0; background-color:#fff; list-style:none;
}
#infosexam ul.ex3 li {
		font-weight:normal;	padding:0 0 0 10px; margin:0;
}



/* ********************* styles de la page sommaire mado ************************ */

#new_principale {
  width:600px;
		border-left:1px dotted #336699;
		border-right:1px dotted #336699;
		margin:0 auto;
		padding:5px 10px 5px 15px;
  text-align:justify;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		line-height: 12px; 
		font-weight: normal; 
		font-variant: normal;
		overflow:auto;
}

div#new_principale h1 {
  padding-bottom:5px;
  font-size:18px;
		font-weight:bold;  
  text-align:left;
		border-bottom:1px dotted #336699;
	 color: #336699;
}


.margin30{
  margin-top:30px;
}

.lirelasuite {
		padding:5px;
  background-color:#E6EEF7;
}

.newTitre1 {
  padding-bottom:5px;
  font-size:18px;
		font-weight:bold;  
  text-align:left;
		border-bottom:1px dotted #336699;
	 color: #336699;
}

.newTitre2 a {
  border:0;
	 color: #336699;
		text-decoration:none;
}

.newTitre2 a:hover {
  color: red;
		text-decoration:none;
}

.newTitre2 {
  padding-bottom:5px;
  font-size:14px;
		font-weight:bold;  
  text-align:left;
		border-bottom:1px dotted #336699;
	 color: #336699;
}

.newTexteBleu {
	 color: #336699;
	 font-weight: bold;
}

.newSousTitre {
  font-size:10px;
}

#webButton {
  width:600px;
  margin:10px auto 0 auto;
}

#webButton a{
  float:right;
		display:block;
		width:205px;
		height:36px;
		color:transparent;
		text-indent:-9999px;
		background-image:url(../images/boutonBleu/boutonBleu3.png);
}

#webButton a:hover{
  background-position:left bottom;
}

a:hover.newLien {
  text-decoration:underline;
}



div#bordfilet {
		border-left:1px dotted #336699;
		border-right:1px dotted #336699;
		margin:0 auto;
		padding:5px 10px 5px 15px;
  text-align:justify;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		line-height: 12px; 
		font-weight: normal; 
		font-variant: normal;
		overflow:auto;
}

div#bordfilet h1 {
  padding-bottom:5px;
  font-size:18px;
		font-weight:bold;  
  text-align:left;
		border-bottom:1px dotted #336699;
	 color: #336699;
}
div#bordfilet ul li {
  font-weight:bold;
  padding-bottom:8px;
}
div#bordfilet ul li a {
  font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#336699;
		text-decoration:none;
}
div#bordfilet ul li a:hover {
  text-decoration:underline;
}

div#bordfilet h1 {
  padding-bottom:5px;
  font-size:18px;
		font-weight:bold;  
  text-align:left;
		border-bottom:1px dotted #336699;
	 color: #336699;
}

div#bordfilet h2 {
  padding-bottom:5px;
  font-size:14px;
		font-weight:bold;  
  text-align:left;
		border-bottom:1px dotted #336699;
	 color: #336699;
}

div#bordfilet h2 a {
  border:0;
	 color: #336699;
		text-decoration:none;
}

div#bordfilet h2 a:hover {
  color: red;
		text-decoration:none;
}

div#bordfilet p {
	 color: #336699;
	 font-weight: bold;
}

div#bordfilet p a {
  border:0;
	 color: #336699;
		text-decoration:none;
}

div#bordfilet p a:hover {
		text-decoration:underline;
}

div#bordfilet p img {
  border:0;
}

div#bordfilet p.tr14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color:red;
	text-align:center;
}


.vam {
		vertical-align:middle;
}

div#bordfilet p.SousTitre {
  font-size:10px;
}

div.pointille {
  padding-bottom:5px;
		padding-top:5px;
		overflow:hidden;
		border-bottom:1px dotted #336699;
	 color: #336699;
	 font-weight: bold;
}

div.pointille div {
  float:left;	
}

table.offre {
  border-collapse:collapse;
}

table.offre td {
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin:0;
		padding:10px 5px;
		border-bottom:1px dotted #336699;
		border-top:1px dotted #336699;
}

table.offre th {
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin:0;
		padding:10px 5px;
		border-bottom:1px dotted #336699;
		border-top:1px dotted #336699;
  background-color:#E8EFF7;
}

table.sessions {
  text-align:left;

 /* width:750px; */
  width:750px;

  border:1px dotted #336699;
  border-collapse:collapse;
}

table.sessions td {
  border:1px dotted #000;
		padding:8px;
}

.margbot {
		margin-bottom:20px;
}

.niv5 { background-color:#EEF3F9;}
.niv4 { background-color:#FFEDC1;}
.niv3 { background-color:#FFE4DD;}

h6.titrN5 { font-family: Arial; font-size: 14px; font-weight: bold; color:#336699; padding:30px 0 10px 0; margin:0; }
h6.titrN4 { font-family: Arial; font-size: 14px; font-weight: bold; color:#CA8E02; padding:30px 0 10px 0; margin:0; }
h6.titrN3 { font-family: Arial; font-size: 14px; font-weight: bold; color:#FF572D; padding:30px 0 10px 0; margin:0; }

.textN5 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#000000; background-color:#CDDDED;}
.textN4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#000000; background-color:#FEDD92;}
.textN3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#000000; background-color:#FFC0B0;}

div#bordfilet ul.formations {
  margin:0; padding:0; list-style:none;
}
div#bordfilet ul.formations li {
  padding-bottom:8px;
		font-weight:normal;
}
div#bordfilet ul.formations li a {
  font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:black;
		text-decoration:none;
}
div#bordfilet ul.formations li a:hover {
  text-decoration:underline;
}

.tableBiblio {
  padding-top:20px;
  width:700px;
  border-bottom:1px dotted #000;
}
.cellG {
  text-align:right;
  vertical-align:top;
		width:75px;
		padding-right:20px;
}
.cellG img {
  border:1px dotted #000;
}
.txt12 {
  font-size:12px;
}