/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#5a5a5a; background:#FFFFFF; margin:0px; padding:0px; min-height:100%; min-width:100%; }
html, body { height: 100%; }

/* Styles des pages du site */
.fond-page {background-color: #FFFFFF; background-image: url(../images/fond-body.gif); background-position:top center; background-repeat:no-repeat; margin:0px }
#Site-Conteneur { min-height: 100%; position:absolute; padding:0; margin:0; top:0; left:50%; margin-left:-501px; width:1002px; }
#Site-Header { position:relative; clear:both; margin-left:17px;  background-image:url(../images/fond-top.jpg); background-position:0px 0px; background-repeat:no-repeat;width:969px;}
#EncartHaut { position:relative; clear:both; height:166px; width:969px; top:0px;}
.Spacer { clear:both; }

#Footer-spacer { height:15px;}

/* DEBUT contenu encart haut */
#Logo { position:absolute; left:0px; top:0px; cursor:pointer; width:178px; height:166px; background-image:url(../images/logo.gif); background-position:0 0; z-index:2}
#LogoB { position:absolute;left:178px; top:82px;  cursor:pointer; width:170px; height:28px; background-image:url(../images/logoB.gif); background-position:0 0; z-index:2}
#Copyright { position:absolute; left:585px; top:12px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#2392c9; z-index:2}
#BandeauPub { position:absolute; margin-left:400px; top:60px; cursor:pointer; z-index:2}
#Onglets { position:absolute; left:305px;top:137px;width:655px;height:29px; }
	#Onglets ul { list-style:none; clear:both;}
	#Onglets ul li {float:left; margin-right:1px; }
/* FIN contenu encart haut */ 

#Site-Page { position:absolute; clear:both; width:969px; background-image:url(../images/fond-page.jpg); background-position:0px 0px; background-repeat:repeat-x; background-color: #deeaf6; z-index:1 }
#Gauche { position:relative; float:left; width:306px; z-index:2; margin-bottom:10px;  top:0; }

/* DEBUT ACCES MEMBRE */ 

#Acces-membre { position:relative; float:left; clear:both;  left:11px; width:283px; height:141px; background-image:url(../images/fond-acces-membres.gif); background-position:0px 0px; background-repeat:no-repeat; z-index:2 }
	#Form-Access { position:absolute; left:5px; top:32px; width:270px;  }
		.FieldLogin { float:left; margin:2px; background-color:#f1f9fc; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight:normal; padding:1px;color: #000000; border: #dddddd solid 1px; width:110px; }
		.TexteLogin { float:left; margin:2px; display:block; width:80px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight:normal; color: #595959; padding:2px; text-align:right; }
		.ErrorLogin { float:left; margin:2px; }
	#BT-Erreur { position:absolute; left:12px; top:90px; cursor:pointer; width:200px; height:21px; z-index:3; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CC0000; text-align:left; font-weight:bold; }
	#BT-valider { position:absolute; left:212px; top:86px; cursor:pointer; width:67px; height:21px; z-index:3; } 
	#BT-inscrivez-vous { position:absolute; left:11px; top:111px; width:111x; height:17px; z-index:3; }
	#Mdp-oublie { position:absolute; left:175px; top:113px; width:80x; height:17px; z-index:3; text-align:left }
	.pTexteBleuclair { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#c4d9ef; }
	a.pTexteBleuclair:active {color: #c4d9ef; text-decoration : none;}
	a.pTexteBleuclair:link {color: #c4d9ef; text-decoration : none;}
	a.pTexteBleuclair:visited {color: #c4d9ef; text-decoration : none;}
	a.pTexteBleuclair:hover {color: #FFFFFF; text-decoration: underline}

#LoginDetails { position:absolute; left:5px; top:32px; width:270px; text-align:center; }
#QuitBtn { position:absolute; left:20px; top:86px; cursor:pointer; width:67px; height:21px; z-index:3; }
#CompteBtn { position:absolute; left:170px; top:86px; cursor:pointer; width:67px; height:21px; z-index:3; }
/* FIN ACCES MEMBRE */ 

/* DEBUT RECHERCHER */ 
#Recherche { position:relative; float:left; clear:both; left:11px; width:283px; height:436px; background-image:url(../images/fond-top-form.gif); background-position:top center; background-repeat:no-repeat;  z-index:2 }
	#Titre-rechercher { position:absolute; left:0px; top:5px; width:194px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffc600; text-align:left; font-weight:bold; z-index:4;}
	
	#BT-rechercher { position:absolute; left:194px; top:5px; cursor:pointer; width:85px; height:21px; z-index:3; } 
	#FORM { position:absolute; left:0px; top:33px; width:283px; height:30px; z-index:3; background-color: #ffffff;}
		#ContenuFormTest { position:relative; width:273px; padding:5px;  background-color: #ffffff; }
			#loading-msg { height:20px; vertical-align:middle;padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#1F67B9; width:150px }
			.FieldSearchSSRubrique { background-color:#f1f9fc; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight:normal; color: #318BAE; border: #dddddd solid 1px; }
			.FieldSearchRubrique  { background-color:#f1f9fc; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight:normal; color: #206EC1; border: #dddddd solid 1px; }
			.FieldSearchAutre { background-color:#f1f9fc; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight:normal; color: #000000; border: #dddddd solid 1px; }
			.TexteSearch { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px;  line-height: normal; font-weight:normal; color: #595959; padding:2px; text-align:right;}
			.SepPanneau { height:20px; vertical-align:middle; }
			.Rubrique { height:35px; }
			.Rubrique2 { height:20px; text-align:right; }
			.inputError { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; border:1px solid #CC0000; padding:2px; background-color:#FFD2D2; color:#A30D0D; }
		#Bas-Recherche { position:relative; width:283px; height:33px; background-image:url(../images/fond-bas-form.png); background-position:top center; background-repeat:no-repeat; z-index:2}
			#BT-rechercher2 { position:absolute; left:194px; top:7px; cursor:pointer; width:85px; height:21px; z-index:3; }
	#loading-msg { position:absolute; text-align:center; vertical-align:middle; width:272px; top:30px; left:3px; height:18px; background-color:#9EC7F4; color:#FFFFFF; border:1px solid #338AEA; z-index:999; }
/* FIN RECHERCHER */ 


/* DEBUT CONTENU DROITE */ 
#Droite { position:relative; float:left; width:652px; z-index:2; margin-bottom:10px;  top:0; }
#Contenu-droite { position:relative; width:652px; background-color:#ffffff; z-index:2; }
	#Menu-bas { position:relative; width:652px; height:30px; min-height:30px; background-color:#ffffff; z-index:2}
	#Bas-droite { position:relative; width:652px; height:7px; background-image:url(../images/bas-droite.png); background-repeat:no-repeat; margin-bottom:10px; z-index:2}
	
/* FIN CONTENU DROITE */ 
.PiedPage {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#528fd1; text-align:center; }
a.PiedPage:active {text-decoration : none;}
a.PiedPage:link {text-decoration : none;}
a.PiedPage:visited { text-decoration : none;}
a.PiedPage:hover {text-decoration: underline}

.Bonjour {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff4200; font-weight:bold; text-align:left; }

	


.TitrePage { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#0475BE; margin:0; }
a.TitrePage:active {color: #0475BE; text-decoration : none;}
a.TitrePage:link {color: #0475BE; text-decoration : none;}
a.TitrePage:visited {color: #0475BE; text-decoration : none;}
a.TitrePage:hover {color: #0475BE; text-decoration: underline}

.Texte { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#5a5a5a; }
a.Texte:active {color: #5a5a5a; text-decoration : none;}
a.Texte:link {color: #5a5a5a; text-decoration : none;}
a.Texte:visited {color: #5a5a5a; text-decoration : none;}
a.Texte:hover {color: #000000; text-decoration: underline}

.TexteBleu { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#005CBB; }
a.TexteBleu:active {color: #005CBB; text-decoration : none;}
a.TexteBleu:link {color: #005CBB; text-decoration : none;}
a.TexteBleu:visited {color: #005CBB; text-decoration : none;}
a.TexteBleu:hover {color: #000000; text-decoration: underline}

.TexteNoir { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; }
a.TexteNoir:active {color: #000000; text-decoration : none;}
a.TexteNoir:link {color: #000000; text-decoration : none;}
a.TexteNoir:visited {color: #000000; text-decoration : none;}
a.TexteNoir:hover {color: #000000; text-decoration: underline}


.TexteRouge { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#CC0000; }
a.TexteRouge:active {color: #CC0000; text-decoration : none;}
a.TexteRouge:link {color: #CC0000; text-decoration : none;}
a.TexteRouge:visited {color: #CC0000; text-decoration : none;}
a.TexteRouge:hover {color: #000000; text-decoration: underline}


.Menu-texte { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#A39D95; font-weight:normal;}
a.Menu-texte:active {color: #A39D95; text-decoration : none;}
a.Menu-texte:link {color: #A39D95; text-decoration : none;}
a.Menu-texte:visited {color: #A39D95; text-decoration : none;}
a.Menu-texte:hover {color: #000000; text-decoration: underline}

.field {  background-color:#f1f9fc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; padding:2px; color: #000000; border: #dddddd solid 1px;}

/* Page de résultats de recherche */
.Navigation { border:1px dashed #3E6FB1; color:#3E6FB1; display:block; width:470px; padding:4px; background-color:#F0F0F0; }

.DataPaging { font-family: Arial, Verdana,Helvetica, sans-serif; color:#000000; font-size:11px;   }
.DataPaging b { font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000; font-size:11px; font-weight:bold; }
.DataPaging img { border:0; }

.DataPaging a { font-family:Arial, Verdana, Helvetica, sans-serif; color:#3E6FB1; font-size:11px; font-weight:bold; }
.DataPaging a:active, a:link, a:visited { color:#3E6FB1;text-decoration:none; }
.DataPaging a:hover { color:#000000;text-decoration:underline; }

.BlocResults {  display:block;position:relative;clear:both;float:left; width:475px; padding:0;  margin:5px 0 5px 0 ; }
.BlocEntete { height:42px;background-image:url(../images/bloc_top.png);}
	.B-Nom { float:left; position:relative;left:8px;width:236px; top:7px; color:#295090; font-weight:bold; height:20px; line-height:11px; font-size:11px}
	.B-Ville { float:left; position:relative; right:5px; top:7px;width:237px; color:#295090; font-weight:bold; height:20px; text-align:right; line-height:11px; font-size:11px}
	.B-Specialite { position:absolute; top:27px; left:8px; width:465px; font-size:10px; color:#000000; z-index:2; }
	.B-Orientation { position:absolute; top:27px; left:0;width:473px; font-size:10px; text-align:center; color:#000000; z-index:4; }
	.B-Competence { position:absolute; top:27px; left:0;right:6px; width:467px; font-size:10px; text-align:right; color:#000000; z-index:3;}
.BlocContenu {  background-image:url(../images/bloc_content.png); padding:0;margin:0; }
	.BlocDetails {  margin:0 10px 0 10px; width:455px }
.BlocPied { height:37px; background-image:url(../images/bloc_bottom.png); }
	.btnVideo { position:relative;float:left; left:15px; top:12px; width:30px; height:20px; }
	.btnInfo { position:relative;float:left; left:15px; top:12px; width:30px; height:20px; }
	.btnUrl { position:relative;float:left; left:15px; top:12px; width:30px; height:20px; }
	.btnPrint { position:relative;float:left; left:15px; top:12px; width:30px; height:20px; }
	.btnUpDown { position:relative;float:left; left:317px; top:11px; width:30px; height:20px; }
div#tipDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background-color:#dee7f7; border:1px solid #336; width:auto; padding:2px; color:#000; font-size:10px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; }

/* Fiche d'impression */

.PrintEntete { height:50px; border-bottom:1px solid #000000; width:100%;}
	.P-Nom { float:left; position:relative;left:8px;width:50%; top:0px; color:#000000; font-weight:bold; height:20px; line-height:14px; font-size:14px}
	.P-Ville { float:left; position:relative; right:5px; top:0px;width:49%; color:#000000; font-weight:bold; height:20px; text-align:right; line-height:14px; font-size:14px}
	.P-Specialite { position:absolute; top:50px; left:8px; width:98%; font-size:12px; color:#000000; z-index:2; }
	.P-Orientation { position:absolute; top:50px; left:0;width:98%; font-size:11px; text-align:center; color:#000000; z-index:4; }
	.P-Competence { position:absolute; top:50px; left:0;right:6px; width:98%; font-size:11px; text-align:right; color:#000000; z-index:3;}
	.P-TexteNoir { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; }

.PrintContenu {  padding:0;margin:0;width:99%  }
	.PrintDetails {  margin:0 10px 0 10px; width:97% }

.TitreRubrique { font-family: Arial, Verdana,Helvetica, sans-serif; color:#005CBB; font-weight:bold; font-size:11px; height:22px; }
a.TitreRubrique:active {color: #005CBB; text-decoration : none;}
a.TitreRubrique:link {color: #005CBB; text-decoration : none;}
a.TitreRubrique:visited {color: #005CBB; text-decoration : none;}
a.TitreRubrique:hover {color: #000000; text-decoration: underline}
.pTexteNoir { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333333; font-style:italic;  }

.TitreActualite { font-family: Arial, Verdana,Helvetica, sans-serif; color:#005CBB; font-weight:normal; font-size:11px; }
a.TitreActualite:active {color: #005CBB; text-decoration : none;}
a.TitreActualite:link {color: #005CBB; text-decoration : none;}
a.TitreActualite:visited {color: #005CBB; text-decoration : none;}
a.TitreActualite:hover {color: #000000; text-decoration: underline}

#BlocActualites {
	margin:0px 20px 0 20px;
	text-align:left;
}
#Fichier { display:block; }
#Fichier p { display:block;  }

#Favoris {
	background-image:url(../images/fond-favoris.png);
	background-repeat:no-repeat;
	width:283px; height:89px;
	position:relative; float:left; clear:both;
	left:11px;
}
.FieldFavoris { float:left;background-color:#CCF4E0; margin:2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight:normal; padding:1px;color: #000000; border: #1D945A solid 1px; width:110px; }

#SIPS-Paiement {
	text-align:center;
	
	}
.ListeVideos { height:140px;width:580px; text-align:left; border:1px solid #CCCCCC; background-color:#F4F0E7; padding:5px;  overflow-x:scroll; overflow-y:hidden;  margin-bottom:5px; }
.ListeVideosUL { list-style:none; margin:0; padding-left:0}
.ListeVideosUL li{ float:left; display:inline; text-align:center; padding:2px; height:120px; width:130px; border:1px solid #F4F0E7; }
.ListeVideosUL li:hover { border:1px solid #0475BE; cursor:pointer; background-color:#C4D0DD }
.TitreVideo { width:130px; display:inline; }
.Lettrine {
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 2em; /* 3 hauteurs de lignes pour la lettrine*/
	
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 1px;
	padding: 1px;
	line-height: 1em;

}