/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}
#conteneurmenu
{
	height:20px;
	background-color:#294C8B;
	border-top : 1px solid #A8BCDD;
}
.menu {
	background-color:#294C8B;
	background-repeat:no-repeat;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top : 1px solid #A8BCDD;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}
.ssmenu {
	background-color:#E2ECFE;
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #666666;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
/*		FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#543210,endColorStr=red);*/
	white-space : no-break;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
}

.menu a, .menu a:visited{
/* Les liens qui ne sont pas sous le curseur. */
	color:#FBD451;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
.ssmenu a, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#294C8B;
	background-color:#E2ECFE;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	color : #FEF6DD;
	text-decoration:none;
}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	color:#FBD03D;
	background-color:#3A68B6;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/
#fondBody{
	/*background-image:url(img/testfond.bmp);*/
	background-color:#294C8B;
  text-align:center;
  margin:0px;
  
}
#fondBodyClassement{
	/*background-image:url(img/background.bmp);*/
	background-color:white;
  text-align:center;
  margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
  
}
table
{
	font-size:11px;
}

#ligneTitre
{
	color:#666666;
	font-weight:bold;
	background-color:#BBD0F1;
}
#ligneTitre2
{
	color:white;
	font-weight:bold;
	background-color:#377CB3;
}
#ligne_0
{
	background-color:#BBD0F1;	
}
#ligne_1
{
	background-color:#E2ECFE;	
}

/* squelette */
  #conteneur
   {
  width: 800px;
  margin: 10px auto;
  margin-top:0px;
  margin-bottom:0px;
  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
  }
 #banniere
 {
 	width : 800px;
	height:80px;
	background-color:none;
 }
 
 #menuBanniere
 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:xx-small;
 float:right;
 margin-top:0;
 padding : 3px 20px 3px 20px;
 padding-right : 10px;
 
 background-color:none; 
 color : white;
 font-weight:bold;
 }
 
 #menu 
 {
 	margin-top:5px;
 	text-align:left;
	background-color:red;
	background-image:url(img/menu_bords.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:20px;
 }
 #colonneDroite
 {
 	float:left;
	width:199px;
	margin-left : 10px;
 }
 
 #contenu
 {
 	float:left;
	width:800px;
	text-align:left;
	background-color:#F9FFFF;
	background-image:url(img/ombre.gif);
	background-position:top;
	background-repeat:repeat-x;/*
	border-left:1px solid #58585A;
	border-right:1px solid #58585A;*/
	color:#333333;
 }
 #barreNav
 {
	background-image:url(img/barreNav.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	height : 20px;
	margin-top:5px;
	margin-left:210px;
	color:#666666;
	font-size:10px;
 }
 #footer
 {
 	float:left;
 	width:800px;
	height:25px;
	/*background-color : #5DBDE5;*/
	background-image:url(img/footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:white;
	text-align:left;
	margin-bottom: 10px;
 }

/* cadres */
#zoneAgenda
{
	width : 189px;
	background-image:url(img/agenda.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#zoneActualite
{
	width : 189px;
	background-image:url(img/actualite.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
 
#zoneRecherche
{
	margin-top:0px;
	width : 189px;
}

#zoneLangue
{
	margin-top:10px;
	width : 189px;
	text-align:center;
	text-decoration:none;
}
 
#zoneAutre
{
	width : 189px;
	background-image:url(img/fleur.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:5px;
}
#fenetre
{
	width:570px;
	margin-top:5px;
	margin-left:210px;
	height:150px;
	background-color:#89D7FF;
	background-image:url(img/fenetre.jpg);
	color : #FFE543	;
}
#zoneInfo
{
	width:570px;
	margin-left:210px;
	margin-bottom : 10px;
	
}
#zoneInfoMaster
{
	margin:10px;
	
}
#zoneInfoClassement
{
	width:780px;
	margin-left:10px;
	margin-bottom : 10px;
	
}
#zone01
{
	width:190px;
	margin-right:5px;
	background-color:white;
	float:left;
}
#zone02
{
	width:190px;
	margin-right:5px;
	background-color:white;
	float:left;
}
#zone03
{
	width:190px;
	background-color:white;
	float:left;
}

/***************************************************************************************** cadre03 ************/
#cadre03_conteneurHaut{
height : 20px;
width:100%;
display:block;
background-color : #DCE4F3;
background-image : url(img/cadre03/B.jpg);
margin-top:5px;
}
#cadre03_a
{
	width:3px;
	height:20px;
	float:left;
	display:block;
	background-repeat:no-repeat;
	background-image:url(img/cadre03/A.jpg);
}

#cadre03_b 
{
	height:19px;
	float:left;
	display:block;
	font-size :11px;
	
	text-align:center;
	line-height:19px;
	text-decoration:none;
	color:#FBD03D;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(img/cadre03/B.jpg);
	background-repeat:repeat-y;
}

#cadre03_c
{
	width : 2px;
	height : 20px;
	float : right;
	display:block;
	background: transparent url(img/cadre03/C.jpg);
}

#cadre03_d
{
	display:block;
	background:#E2ECFE url(img/cadre03/contenu.jpg);
	background-position:left;
	background-repeat:repeat-y;
	padding-left:2px;
}

#cadre03_e
{
	display : block;
	background:#E2ECFE url(img/cadre03/contenu.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding-top:1px;
	padding-right:2px;
	padding-bottom:1px;
}

#cadre03_conteneurBas
{
	height:10px;
	width:100%;
	display:block;
	background:#E2ECFE url(img/cadre03/contenu.jpg);
	margin-bottom:5px;
}

#cadre03_f
{
	width : 3px;
	height:10px;
	float:left;
	display:block;
	background:#E2ECFE url(img/cadre03/contenu.jpg);
	background-repeat:no-repeat;
}

#cadre03_H 
{
	width:10px;
	height:10px	;
	float:right;
	display:block;
	background:#E2ECFE url(img/cadre03/contenu.jpg);
	background-repeat:no-repeat;
}
/***************************************************************************************** cadre04 ************/
#cadre04_conteneurHaut{
height : 25px;
width:100%;
display:block;
background-color : #FEF6DD;
background-image : url(img/cadre03/B.jpg);
background-repeat : repeat;
margin-top:5px;
}

#cadre04_a
{
	width:3px;
	height:20px;
	float:left;
	display:block;
	background-repeat:no-repeat;
	background-image:url(img/cadre03/A.jpg);
}

#cadre04_b 
{
	height:20px;
	float:left;
	display:block;
	font-size :11px;
	
	text-align:center;
	line-height:19px;
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(img/cadre03/B.jpg);
	background-repeat:repeat-y;
}

#cadre04_c
{
	width : 2px;
	height : 20px;
	float : right;
	display:block;
	background: transparent url(img/cadre03/C.jpg);
	background-repeat:no-repeat;
}

#cadre04_d
{
	display:block;
	background:#FEF6DD url(img/cadre04/contenu.jpg);
	background-position:left;
	background-repeat:repeat-y;
	padding-left:2px;
}

#cadre04_e
{
	display : block;
	background:#FEF6DD url(img/cadre04/contenu.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding-top:1px;
	padding-right:2px;
	padding-bottom:1px;
}

#cadre04_conteneurBas
{
	height:10px;
	width:100%;
	display:block;
	background:#FEF6DD url(img/cadre04/contenu.jpg);
	margin-bottom:5px;
}

#cadre04_f
{
	width : 3px;
	height:10px;
	float:left;
	display:block;
	background:#FEF6DD url(img/cadre04/contenu.jpg);
	background-repeat:no-repeat;
}

#cadre04_H 
{
	width:10px;
	height:10px	;
	float:right;
	display:block;
	background:#FEF6DD url(img/cadre04/contenu.jpg);
	background-repeat:no-repeat;
}
/***************************************************************************************** cadre02 ************/
#cadre02_conteneurHaut{
height : 20px;
width:100%;
display:block;
background-color : #58585A;
background-image : url(img/cadre02/fond_cadre.jpg);
margin-top:5px;
}

#cadre02_a
{
	width:10px;
	height:20px;
	float:left;
	display:block;
	background-repeat:no-repeat;
	background-image:url(img/cadre02/fond_cadre_A.jpg);
}

#cadre02_b 
{
	height:20px;
	float:left;
	display:block;
	font-size :11px;
	font-stretch:condensed;
	
	text-align:center;
	line-height:20px;
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(img/cadre02/fond_cadre.jpg);
	background-repeat:repeat-y;
}

#cadre02_c
{
	width : 2px;
	height : 20px;
	float : right;
	display:block;
	background: transparent url(img/cadre02/fond_cadre_C.jpg);
}

#cadre02_d
{
	display:block;
	background:transparent url(img/cadre02/fond_cadre_D.jpg);
	background-position:left;
	background-repeat:repeat-y;
	padding-left:2px;
}

#cadre02_e
{
	display : block;
	background:transparent url(img/cadre02/fond_cadre_E.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding-top:1px;
	padding-right:2px;
	padding-bottom:1px;
}

#cadre02_conteneurBas
{
	height:10px;
	width:100%;
	display:block;
	background:transparent url(img/cadre02/fond_cadre_G.jpg);
	margin-bottom:5px;
}

#cadre02_f
{
	width : 10px;
	height:10px;
	float:left;
	display:block;
	background:transparent url(img/cadre02/fond_cadre_F.jpg);
	background-repeat:no-repeat;
}

#cadre02_H 
{
	width:10px;
	height:10px	;
	float:right;
	display:block;
	background:transparent url(img/cadre02/fond_cadre_H.jpg);
	background-repeat:no-repeat;
}


/***************************************************************************************** Options ************/
.dateNews
{
	font-size:xx-small;
	color:#0E3C91;
}
.suite
{
	margin-top:10px;
	font-size:xx-small;
	color:#E3001B;
	text-align:right;
}
.alignCenter 
{
	text-align:center;
}
.alignLeft
{
	text-align:left;
}
.alignRight
{
	text-align:right;
}
.texteEnEvidence
{
	color:#0E3C91;
}
.lienPuce
{
background-image:url(img/puce.gif);
background-position:left;
background-repeat:no-repeat;
padding-left : 12px;
}
#contenu a{
color:#333333;
text-decoration:underline;}
#contenu a:hover{text-decoration:none;
color:#0E3C91;}

#banniere a{
color:white;
text-decoration:none}
#banniere a:hover{text-decoration:none;
color:#333333;}
#footer a{
color:white;
text-decoration:none}
#footer a:hover{text-decoration:none;
color:#0E3C91;}
#texte
{
	margin : 5px 10px 0 10px;
	text-align:justify;
}
#vignette
{
	padding-top: 15px;
	text-align:center;
	background:transparent url(img/vignette_bleue.gif);	
	background-repeat : no-repeat;
	width:189px;
	height:50px;
}

#liste li
{
display: inline;
padding-right: 10px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
#liste a
{
  color : #333333;
  text-decoration:none;
  padding-left : 15px;
  padding-right : 5px;
}
#liste a:hover
{
  color : #0E3C91;
  text-decoration:none;
  background-image:url(img/puce.gif);
  background-repeat:no-repeat;
  background-position:left;
}
.puceNormale
{  	
  list-style-image:url(img/puce.gif);
}
.nopuce
{  	
  list-style-type:none;
}
ul
{  	
  list-style-image:url(img/puce.gif);
}
/* CALENDRIER*/
#aujourdhui
{
	border:1px solid #384E78;
}

#calendrier
{
	background-color:none;
}
#titreCalendrier
{
	background-color:#3868BD;
	color:white;
}
#titreCalendrierFleche
{
	border:1px solid #3868BD;
}
#titreCalendrierFleche a
{
	color:#3868BD;
}

.ligneJour
{
	background-color:#E8E8E8;
	color:#888888;
	border : 1px solid #BBD0F1;
	font-size:10px;
}
.celluleJour
{
	background-color : #FEFEFE;
	border : 1px solid #BBD0F1;
	color:333333;
}
.celluleJour a
{
	background-color : #FEFEFE;
	color:#333333;
	text-decoration:none;
}
.celluleJour a:hover
{
	background-color : #FEFEFE;
	color:#0E3C91;
	text-decoration:none;
}

.selectionJour
{
	background-color : #BBD0F1;
	border : 1px solid #BBD0F1;
}
.selectionJour a
{
	text-decoration:none;
	color:#EEEEEE;
}
.selectionJour a:hover
{
	text-decoration:underline;
	color:#FFFFFF;
}

pre
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}