/*------------------------------------------------*/
/*------------- STYLES PRINCIPAUX ----------------*/
/*------------------------------------------------*/

body {
	margin:0px 20px 0px 20px;
	padding:0px 230px 20px 230px;
	min-width:280px; /*size min = 800 (280 +230gauche +230droit +20margeG +20margeD +20paddingD)*/
}

body.DeuxCol {
	margin:0px 20px 0px 20px;
	padding:0px 0px 20px 230px;
	min-width:510px; /*size min = 800 (510 +230gauche +20margeG +20margeD +20paddingD)*/
}

body.UneCol {
	margin:0px 20px 0px 20px;
	padding:0px 0px 20px 0px;
	min-width:740px; /*size min = 800 (740 +20margeG +20margeD +20paddingD)*/
}

* html body {
  width:expression(document.documentElement.clientWidth<800 ? "280px" : "auto"); /*hack IE pour min-width*/
}

* html body.UneCol {
  width:expression(document.documentElement.clientWidth<800 ? "740px" : "auto"); /*hack IE pour min-width*/
}

* html body.DeuxCol {
  width:expression(document.documentElement.clientWidth<800 ? "510px" : "auto"); /*hack IE pour min-width*/
}


#ContenuTop {
	margin-left:-230px;
	margin-right:-230px;
	position:relative;
	clear:both;
}

#ContenuTopDeuxCol {
	margin-left:-230px;
	margin-right:0px;
	position:relative;
	clear:both;
}

#ContenuTopUneCol {
	margin-left:0px;
	margin-right:0px;
	position:relative;
	clear:both;
}

.bandeau {
}

#ContenuCentre {
	background-color:#FEFEFE;
	float:left;
	width:100%;	
	border-left:230px solid white; 
	border-right:230px solid white; 
	margin-left:-230px;
	margin-right:-230px;
	display:inline; /* So IE plays nice */
	padding-bottom:20px;
}

#ContenuCentre.DeuxCol {
	border-right:none; 
	margin-right:0;
}

#ContenuCentreUneCol {
	background-color:#FEFEFE;
	float:left;
	width:100%;	
	border-left:none; 
	border-right:none; 
	margin-left:0;
	margin-right:0;
	display:inline; /* So IE plays nice */
	padding-bottom:20px;
}

#ContenuCentre .ColDroit {
	display:inline;
	float:right;
	padding:0px;
	width:210px;
	margin-right:-220px;
	position:relative;
}

/* Patch pour gérer IE6 */
* html #ContenuCentre .ColDroit {
  left: 10px;
}

#ContenuCentre .ColCentre, #ContenuCentreUneCol .ColCentre {
	float:left;
	width:95%;
	padding-left:10px;
	margin-right:-100%;
}

#ContenuCentre .ColGauche {
	float:left;
	padding:0px;
	width:210px;
	margin-left:-220px;      
	position:relative;
}


/*------------------------------------------------*/
/*---------- STYLE LES COMPOSANT DIVERS ----------*/
/*------------------------------------------------*/

.titreBoite {
	width:95%;
	background-color:#F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:900;
	color:#424546;
	padding:4px 0px 6px 10px;
	border-top:solid 1px white;
	border-bottom:solid 4px white;
	margin:0;
}

.ligneTop {
	padding:2px 0 0 0;
	margin:0;
	border-top:solid 2px #BDDAE8;
}

.ligneBottom {
	position:relative;
	width:100%;
	border-bottom:solid 2px #BDDAE8;
}

.ligneBottom60 {
	position:relative;
	left:25%;
	width:50%;
	border-bottom:solid 1px #BDDAE8;
}


/*------------------------------------------------*/
/*--------- STYLE POUR LE FIL D'ARIANE -----------*/
/*------------------------------------------------*/
#FilArianne {
	float:left;
	background-color:white;
	padding:10px 0px 10px 0px;
	width:100%
}

#FilArianne ul {
	margin:0;
	padding:0;
	list-style:none;
	padding-left:20px; 
}

#FilArianne li {
	display:inline;
	margin:0;
	padding:0;
}

#FilArianne a {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#999999;
	margin:0;
	padding:0px 0px 0px 2px;
	font-weight:bolder;
	text-decoration:underline;
	cursor: pointer;
}
                                                      
#FilArianne span {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#010101;
	margin:0;
	padding:0px 0px 0px 2px;
	font-weight:bold;
}

#FilArianne li.select a {
	color:black;
	text-decoration:none;
}

#FilArianne a:hover {
	color:black;
}

/*------------------------------------------------*/
/*--------- STYLE LES COMPOSANTS DU CENTRE --------*/
/*------------------------------------------------*/
#ContenuCentre h1, #ContenuCentreUneCol h1 {
	padding:0px;
	margin:0px;
	color:#414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em;
	font-weight:800;
}


/*------------------------------------------------*/
/*--------- COMPOSANTS "DETAILS" DU CENTRE -------*/
/*------------------------------------------------*/
.DetailCentre {
	border-top:solid 2px #BDDAE8;
}

.DetailCentre h2 {
	padding:0;
	margin:10px 0px 10px 10px;
	color:#414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:500;
}

.DetailCentre p {
	position:relative;
	margin:0px;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:400;
	color:#424546;
	height:100%;
}

.DetailCentre ol, .DetailCentre ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:400;
	color:#424546;
	height:100%
	list-style-type: disc; 
} 

.DetailCentre .fondGris p {
	background-color:#F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin:0;
	padding:5px 10px 5px 10px;
	font-weight:500;
}

.DetailCentre p.descripPhoto {
	padding:10px 10px 10px 120px;
	font-size:0.8em;
	min-height:130px; /* min-height pour que ligne bleu soit sous la photo */
}

* html .DetailCentre p.descripPhoto { /* hack pour IE avoir un min-height */
	height:130px; /* min-height pour que ligne bleu soit sous la photo */
}

.DetailCentre .imgGauche {
	position:absolute;
	left:0px;
}

.DetailCentre .imgDroit {
	position:absolute;
	float:right;
	right:80px;
	top:10px;
}

.DetailCentre .carBleu {
	color:#3399CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:900;
}

.DetailCentre .aligndroit {
	float:right;
	padding-right:200px;
}

.DetailCentre .aligngauche {
	float:left;
}

.DetailCentre .blocHoraireLieu {
	padding-left:10px;
	padding-top:10px;
	display: inline-block;
	width : 65%;
}

.DetailCentre .blocHoraireLieu:after { /*force le saut de ligne du block contenant blockHoraire et blocLieu*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.DetailCentre p.blocLieu {
	width:49%;
	float:left;
	display:block;
	padding:0px;
	margin-left:0px;
	width : 49%;
}

.DetailCentre p {
	padding-right:40px;
}

.DetailCentre p.blocHoraire {
	width:49%;
	float:right;
	display:block;
	padding:0px;
	margin:0px;
}

.DetailCentre .imgDroitHL {
	clear:left;
	float:right;
	padding-right:40px;
}

.DetailCentre a.getFormulaire, .DetailCentre a.getFormulaire:link, .DetailCentre a.getFormulaire:visited  {
	padding:2px 12px 2px 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:600;
	color:#424546;
	text-decoration:none;
	background-color:#B7B5B5;
}

.DetailCentre a.getFormulaire:hover {
	background-color:#8B8A8A;
	color:#F0F0F0;
}
/*--------------------------------------------------*/
/*--------- COMPOSANTS "SOMMAIRES" DU CENTRE -------*/
/*--------------------------------------------------*/
.SommaireCentre {
	border-top:solid 2px #BDDAE8;
	position:relative;
	padding-left:50px;
	padding-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;
}

.SommaireCentreConf {
	border-top:solid 2px #BDDAE8;
	padding-left:5px;
	padding-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;
}

.SommaireCentreGris {
	border-top:solid 2px #BDDAE8;
	position:relative;
	padding-left:50px;
	padding-bottom:10px;
	background-color:#F0F0F0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;
}

.SommaireCentreGrisConf {
	border-top:solid 2px #BDDAE8;
	padding-left:5px;
	padding-bottom:10px;
	background-color:#F0F0F0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;
}


.SommaireCentre img, .SommaireCentreGris img {
	position:absolute;
	float:none;
	top:5px;
	left:10px !important; /* hack pour IE 6 et moins. Doit etre -40 car la position pour IE6&- considère le padding de sommaire centre (les autres fureteur utiliseront 10px à cause du !important) */
	left:-40px; 
}

.SommaireCentreConf img, .SommaireCentreGrisConf img {
	float:left;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;
}


.SommaireCentreConf h2, .SommaireCentreGrisConf h2, .SommaireCentre h2, .SommaireCentreGris h2 {
	padding:0px 0px 0px 0px;
	margin:10px 15px 0px 0px;
	color:#414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:800;
}

.SommaireCentreConf .titreBleu, .SommaireCentreGrisConf .titreBleu, .SommaireCentre .titreBleu, .SommaireCentreGris .titreBleu {
	color:#3399CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.80em;
	font-weight:900;
}

.SommaireCentreConf p, .SommaireCentre p {
	margin:0;
	padding:10px 0px 0px 0px;
	color:#414141;
}

.SommaireCentreConf ul, .SommaireCentreConf ol, .SommaireCentre ul, .SommaireCentre ol {
	margin:0;
	padding-left:20px;
}

.SommaireCentreGrisConf p, .SommaireCentreGris p {
	margin:0;
	background-color:#F0F0F0;
	padding:10px 0px 0px 0px;
	color:#414141;
}

.SommaireCentreGrisConf ul, SommaireCentreGrisConf ol, .SommaireCentreGris ul, .SommaireCentreGris ol {
	margin:0;
	background-color:#F0F0F0;
	padding-left:20px;
}

.SommaireCentre aboxGris, .SommaireCentre a.boxGris:link, .SommaireCentre a.boxGris:visited,
.SommaireCentreGris a.boxGris, .SommaireCentreGris a.boxGris:link, .SommaireCentreGris a.boxGris:visited {
	padding:2px 4px 2px 4px;
	margin-right:10px;
        font-size:0.85em;
	position:relative;
        float:right;  
	color:#424546;
	text-decoration:none;
	background-color:#B7B5B5;
}

.SommaireCentre a.boxGris:hover, .SommaireCentreGris a.boxGris:hover {
	background-color:#8B8A8A;
	color:#F0F0F0;
}

p.datesCours {
	padding-top:0px;
	margin-top:0px;
	font-size: 0.80em;
	color: #C51800;
}

p.titreNews {
	border-top:solid 2px #BDDAE8;
	padding-top:5px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:800;
	color:#414141;
}

p.dateNews {
	padding-top:0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 9px;
	color: #0099CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

p.textNews {
	padding-top:5px;
	padding-bottom: 5px;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#414141;
}


.ColCentre .BandeTopCentre {
	background-color:#0099CC;
	margin:0px 0px 2px 0px;
	padding:4px 0px 4px 0px;
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:900;
	width:100%;
	position:relative;
}

.ColCentre .HeadBlue {
	background-color:#0099CC;
	margin:0px 0px 2px 0px;
	padding:4px 0px 4px 0px;
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:900;
	width:100%;
	position:relative;
}

.ColCentre hs2 {
	padding:0px 0px 0px 0px;
	margin:10px 15px 0px 0px;
	color:#414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:800;
}

.BandeTopCentre .gauche, .HeadBlue .gauche {
	margin-left:10px;
}

.ColCentre a:link, .ColCentre a:visited {
	color:#0099CC;
	text-decoration:underline;
}

.ColCentre a:hover, .ColCentre a:hover {
	color:#424546;
}

/*------------------------------------------------*/
/*----------- LIEN RETOUR DANS BANDE -------------*/
/*------------------------------------------------*/
a.RetourDetail, a.RetourDetail:link, a.RetourDetail:visited {
	background-image: url("images/flecheG.gif");
	background-repeat:no-repeat;
	background-position:left;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFEFE;
	font-weight:900;
	position:absolute;
	top:5px;
	right:10px;
}

a.RetourDetail:hover {
	background-image: url("images/flecheGbleue.gif");
	background-repeat:no-repeat;
	background-position:left;
	color:#8AB7CD;
}

/*------------------------------------------------*/
/*------- MENU DANS BANDE (Liste 1-2-3...) -------*/
/*------------------------------------------------*/
.MenuBandeListe {
	position:absolute;
	top:0px;
	right:10px;
}

.MenuBandeListe ul {
	margin:0;
	padding:4px 0 0 0;
	list-style: none;
}

.MenuBandeListe ul li {
	display: inline;
	margin:0;
         padding:0 3px 0 0;		
	font: 0.75em Verdana, Arial, Serif;
	color: #FFFEFE;
	font-weight:900;
}

.MenuBandeListe a, a:link, a:visited {
	color:white;
	text-decoration:none;
}

.MenuBandeListe a .select {
	color:#BDDAE8;
}

.MenuBandeListe a:hover , a:hover span.select  {
	color:#8AB7CD;
}

.MenuBandeListe a:hover span.select  {
	color:#8AB7CD;
}

/*------------------------------------------------*/
/*------ BANDE TITRE AU DESSUS DU BANDEAU --------*/
/*------------------------------------------------*/
#BandeTop {
	padding:5px 0px 6px 0px;	
	background-color:#003366;
	position:relative;
	display:block; 
}

#BandeTop .titreSurBandeau {
	padding-left:15px;
	color:#FFFEFE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:600;
}

#FormRech {
	position:absolute;
	display:inline;
	color:#FFFEFE;
	font-size:0.8em;
	font-weight:700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	right:7px;
	top:5px;
}

#FormRech .btnGo {
	width: 19px;
	height: 19px;
	border: none;
	cursor: pointer;
	background: url("images/loupe.gif") no-repeat left top;
}


/*------------------------------------------------*/
/*------- MESSAGE EN EVIDENCE DANS BANDEAU -------*/
/*------------------------------------------------*/
.titreDansBandeau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:700;
	color:#424546;
	width:90%;
	padding:10px 0px 5px 30px;
}
.texteDansBandeau {
	position:absolute;
	width:40%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#424546;
	font-weight:600;
	padding:0px 0px 0px 35px;
}

/*------------------------------------------------*/
/*--------- DÉFINITION DU MENU ONGLET ------------*/
/*------------------------------------------------*/
#MenuMain {	
	height: 138px;
	position:relative;
	background-position:right;
	background-repeat:no-repeat;
	display:block; 
}

#MenuMain ul {
	margin:0;
	padding:0px 0px 0px 22px;
	list-style:none;
	position:absolute;
	bottom:0;
}

#MenuMain li {
	display:inline;
	margin:0;
	padding:0;
}

#MenuMain a {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFEFE;
	font-weight:bold;
	background-color:#0099CC;
	margin:0px;
	padding:8px 10px 10px 10px;
	text-decoration:none;
	border-left:solid white 1px;
	cursor: pointer;
}

#MenuMain li.select a {
	background-color:white;
	color:#424546;
}

#MenuMain span {
	float:left;
	display:block;
	background-color:#0099CC;
	margin:0px;
	padding:2px 0px 0px 0px;
}

#MenuMain span.premier a {
	border-left:solid #0099CC 2px;
}

#MenuMain span.dernier a {
	border-right:solid #0099CC 2px;
}

#MenuMain a:hover { 
	background-color:#1AA7ED;
}

#MenuMain li.select a:hover {
	background-color:white;
}

/*------------------------------------------------*/
/*------ DÉFINITION DU MENU HAUT DE PAGE ---------*/
/*------------------------------------------------*/
#MenuTopLigne1 {
      padding:30px 0px 0px 0px;
}

#MenuTopLigne1 ul {
	position: absolute;
	right: -7px;
	top:2px;
	list-style: none;
	margin: 0px 0px 40px 0px;
}
      
#MenuTopLigne1 ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid white;	
}

#MenuTopLigne1 ul li.premier {
	border-left: 0px none;
}
      
#MenuTopLigne1 a {
	font: 0.6em /1 Verdana, Arial, Helvetica, sans-serif;
    color:#FFFEFE;
    font-weight:bold;
    text-decoration:none;
}
    
#MenuTopLigne1 a:hover {
	text-decoration:underline;
}

/*------------------------------------------------------------------*/
/*------ DÉFINITION DU MENU HAUT DE PAGE (Autres sections) ---------*/
/*------------------------------------------------------------------*/

#MenuTopLigne2 {
      padding:40px 0px 0px 0px;
}

#MenuTopLigne2 ul {
	position: absolute;
	right: -7px;
	top:35px;
	list-style: none;
	margin: 0px 0px 40px 0px;
}
      
#MenuTopLigne2 ul li {
	display: inline;
	margin:0;
        padding:0;		
	font: 0.9em /1 Verdana, Arial, Helvetica, sans-serif;
	color: #FFFEFE;
	font-weight:900;
	text-decoration:none;
}
      
#MenuTopLigne2 a {
    text-decoration:none;
    padding: 0px 10px 0px 5px;
    border-right: 1px solid white;
}

#MenuTopLigne2 a.dernier {
	border-right: 0px none;
}    

#MenuTopLigne2 a:hover {
	text-decoration:underline;
}

/*------------------------------------------------*/
/*------- DÉFINITION DU MENU DE GAUCHE -----------*/
/*------------------------------------------------*/
	
#MenuGauche {
	display:inline;
	float:left;
	width:100%;
	border-bottom:solid 4px white;
}
	
#MenuGauche ul {
	list-style:none;
	margin:0;
	padding:0;
}

#MenuGauche li {
	display:inline;
	margin:0;
	padding:0;
}

#MenuGauche a {
	width:95%;
	display:block;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:900;
	color:#424546;
	background-color:#BDDAE8;
	margin:0;
	padding:5px 0px 5px 10px;
	border-bottom:solid 4px white;
	cursor: pointer;
}	

#MenuGauche a:hover {
	background-color:#79BCDC;
}

#MenuGauche li.select a:hover {
	background-color:#0099CC;
}

#MenuGauche  li.select a {
	color:white;
	background-color:#0099CC;
}	

/*------------------------------------------------*/
/*-------- DÉFINITION DES BOITES GRISE -----------*/
/*------------------------------------------------*/
.BoiteGrise {
	background-color:#F0F0F0;
	color:#424546;
	border-bottom:solid 1px  #BDDAE8;
}

.BoiteGrise p {
	display:block;
	padding:0px 22px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	font-weight:900;
}

.BoiteGrise .titre {
	background-color:#F0F0F0;
	display:block;
	padding:10px 0px 0px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:600;
}

.BoiteGrise .titreDroite {
	background-color:#F0F0F0;
	display:block;
	margin:0;
	padding:6px 0px 0px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	font-weight:600;
}

.BoiteGrise p.ptbleu {
	color:#3399CC;
	margin:0;
	display:block;
	padding:3px 0px 8px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	font-weight:900;
}

.BoiteGrise p.txtSansTitre {
	margin:0px;
	padding:8px 0px 10px 8px;
}

.BoiteGrise .blockBoutton {
	position:relative;
	display:block;
	padding:10px 0px 10px 0px;
	height:1px;
}
	
.BoiteGrise form {
	margin:0px;
	padding:0px 0px 10px 10px;
}

.BoiteGrise form .boutton {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	font-weight:600;
	color:#424546;
	background-color:#B7B5B5;
}
.BoiteGrise form .fieldtxt {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	font-weight:100;
	color:#424546;
	background-color:#B7B5B5;
}

.BoiteGrise a, .BoiteGrise a:visited, .BoiteGrise a:link {
	color:#424546;
	background-color:#B7B5B5;
	text-decoration:none;
	border:10px;
}

.BoiteGrise a.boutton, a.boutton:link, a.boutton:visited {
	position:absolute;
	display:block;
	padding:2px 4px 2px 4px;
	margin-right:10px;
	bottom:5px;
	right:10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#424546;
	text-decoration:none;
	background-color:#B7B5B5;
}		

.BoiteGrise a.boutton:hover  {
	background-color:#8B8A8A;
	color:#F0F0F0;
}

/*------------------------------------------------*/
/*------------- STYLES BAS DE PAGE  --------------*/
/*------------------------------------------------*/
#BlockBleu {
	background-color:#1993CF;
	border-left:230px solid white; 
	border-right:230px solid white; 
	margin-right:-230px;
	margin-left:-230px;
	clear:both;
	position:relative;
	font-size:0.8em;
	padding-bottom:4px;
	width:100%;
}

#BasDePage {
	margin-left:-230px;
	margin-right:-230px;
	clear:both;
	background-color:white;              
	border-top:solid 1px #1993CF;
	padding-left:30px;
	padding-bottom:10px;
}
#BasDePage.DeuxCol {
	margin-right:0;
}

#BasDePageUneCol {
	margin-left:0px;
	margin-right:0px;
	clear:both;
	background-color:white;              
	border-top:solid 1px #1993CF;
	padding-left:30px;
	padding-bottom:10px;
}

#BasDePage .bold, #BasDePageUneCol .bold {
	color:#414141;
}
#BasDePage .avis, #BasDePageUneCol .avis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.55em;
	color:#727272;
	width:500px;
}

/*------------------------------------------------------------------*/
/*--------------- DÉFINITION DU MENU EN BAS DE PAGE ----------------*/
/*------------------------------------------------------------------*/
div#MenuBasPage ul {
	margin-left:-10px;
	padding:20px 0px 0px 0px;
	list-style: none;
}
      
div#MenuBasPage ul li {
	display: inline;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	font-weight:900;
	text-decoration:none;
	border-right: 1px solid #414141;
}
      
div#MenuBasPage a {
	color:#414141;
	text-decoration:none;
	padding: 0px 5px 0px 5px;
	
}

div#MenuBasPage li.dernier {
	border-right: 0px none;
}

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


/*------------------------------------------------------------------*/
/*----------------- DÉFINITION DU CALENDIRIER ----------------------*/
/*------------------------------------------------------------------*/
#cal * {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	color: black;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#cal {
	margin: 0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	color: black;
	border: 0px none;
	cursor: default;
	width: 100%;
}

#cal div {
	margin-left: 2px;
	margin-right: 1px;
	text-align: center;
}                                 

#cal tbody .titcours {
	padding-right: 45px;
}
#cal tbody .titcours div {
	text-transform: none;
	margin: 1px;
	font-size: 0.8em;
}

#cal tbody div span {
/*	white-space: nowrap;*/ 
}

#cal tbody .titcours div a, #cal tbody .titcours div a:link, #cal tbody .titcours div a:visited, #cal tbody .titcours div a:active {
	text-decoration: none;
	text-transform: none;
	color: #009ACE;
}

#cal tbody .titcours div a:hover {
	color: black;
	text-decoration: underline;
	text-transform: none;
}

#cal tbody .titmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:700;
	color:#424546;
	width:90%;
	padding:20px 0px 3px 0px;
	text-decoration: none;
	text-transform: none;
}

#cal thead div {
	font-size: 0.8em;
	color: white;
	padding: 3px 6px 3px 6px;
}

#cal td {
	vertical-align: top;
}

#cal tbody div {
	font-size: 0.7em;
}

#cal tbody .titcours div {
	text-align: left;
	margin-left: 2px;
}

#cal thead td {
	background-color: #0099CC;
}
#cal thead td.titcours {
	background-color: #0099CC;
}
#cal tbody td {
	border-bottom: 1px solid black;
	background-color: white;
}
#cal tbody td.col1 {
	background-color: #B7B5B5;
}
#cal tbody td.col2 {
	background-color: #BDDAE8;
}