/* CSS Document */
body { background:url(../images/commun/fond.gif) top left; margin:0px}
td { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #004779;}
p {margin:0px;}
.interligne5px { padding-top:5px;}
input, select {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* FONDS */
.fond {background:url(../images/commun/fond_tableau.gif) repeat-x top left;}
.fondpage {background:url(../images/commun/fond_page.gif) repeat-y top left; padding-left:12px; padding-right:3px;}
#evenementsGris { background:#F6F6F6; padding-top:14px 0px; height:auto; display:block;}
#evenementsBlanc { background:url(../images/boutons/fond_evenement_gris.gif) repeat-y right; padding-top:14px 0px; height:auto; display:block;}

/* LIEN */
a {
	color: #004779;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	color: #004779;
	font-size: 11px;
	text-decoration: underline;
}
a.commun {color:#5B5B5B; text-decoration:none;}
a.commun:hover {text-decoration:underline;}

/* MENU */

#menu { background:url(../images/commun/fond_menu.gif) repeat-y top left; padding-left:1px;}
#menu a { color:#004E8B; text-decoration:none;background:url(../images/commun/bt_menu_off.gif) no-repeat; display:block;  height:17px; line-height:17px; padding-left:17px;}
#menu a:hover { color:#004E8B; text-decoration:none;background:url(../images/commun/bt_menu_off.gif) no-repeat; display:block; font-weight:bold }
#menu .clic{  color:#004E8B; text-decoration:none;background:url(../images/commun/bt_menu_off.gif) no-repeat; display:block;  font-weight:bold }

#menu a.lienaccueil { color:#004E8B; text-decoration:none;background:url(../images/commun/bt_maison_off.gif) no-repeat; display:block;  height:17px; line-height:17px; padding-left:17px;}
#menu a.lienaccueil:hover { color:#004E8B; text-decoration:none;background:url(../images/commun/bt_maison_off.gif) no-repeat; display:block;  font-weight:bold}
#menu .clicaccueil{  color:#004E8B; display:block;  font-weight:bold }

/* IMAGE */
.cadrebleu {border:1px solid #7B9EC0; }

/* COULEURS ET TAILLES */
.bleu {color:#004E8B;}
.jaune{ color: #FFAD00;}
.orange{ color: #FF6600;}
.gris {color:#7F7F7F;}
.marron {color:#800000;}
.vert {color:#769c4d;}
.violet {color:#7a5c8c;}

.gras {font-weight:bold;}

.txt10 { font-size:10px;}
.txt12 { font-size:12px;}
.txt13 { font-size:13px;}
.txt14 { font-size:14px;}
.txt16 { font-size:16px;}
.txt18 { font-size:18px;}

/* TITRAGE */
.titre{ 
	color: #FFAD00; 
	font-family: verdana, arial, helvetica; 
	font-size: 16px; 
	text-decoration: none;	
}
.titrebleu{ 
	color: #004E8B; 
	font-family: verdana, arial, helvetica; 
	font-size: 16px; 
	text-decoration: none;	
}
.titrejaune{ 
	color: #FFAD00; 
	font-family: verdana, arial, helvetica; 
	font-size: 16px; 
	text-decoration: none;	
}

/* PUCE ******************************/
ol { margin: 0px;
list-style-image: url(../images/puce_rose.gif);
padding-top:5px;
padding-bottom:0px;
padding-left:20px;
padding-right:0px;
}

ul { margin: 0px;
list-style-image: url(../images/puce_bleu.gif);
padding-top:5px;
padding-bottom:0px;
padding-left:20px;
padding-right:100px;
}

li {
padding-bottom:4px;
}

/* BLOCS ******************************/
.blocbleu { 
background:#F1F4FA;
padding:10px; 
}
.bordurebleu { 
border: #375DBC 1px solid;
padding:10px; 
}
.bloccyan { 
background:#EFF6FB;
padding:10px; 
}
.bordurecyan { 
border: #4C93C6 1px solid;
padding:10px; 
}
.blocrose { 
background:#F8ECF6;
padding:10px; 
}
.bordurerose { 
border: #BE44AB 1px solid;
padding:10px; 
}

.separateur1 { background:url(../images/boutons/pointillet.gif) repeat-x left; height:30px;}
.pointillesbleus { 
border: #375DBC 1px dotted;
padding:10px; 
}
.pointillescyan { 
border: #4C93C6 1px dotted;
padding:10px; 
}
.pointillesrose { 
border: #BE44AB 1px dotted;
padding:10px; 
}

/* TEXTE */

.textebleu{ 
	color: #004779; 
	font-family: verdana, arial, helvetica; 
	font-size: 8pt; 
	text-decoration: none;	
}

a.textebleu:link {
	color: #004779;
	font-size: 11px;
	text-decoration: none;
}

a.textebleu:visited {
	color: #004779;
	font-size: 11px;
	text-decoration: none;
}

a.textebleu:hover {
	color: #004779;
	font-size: 11px;
	text-decoration: underline;
}

.textenoir{ 
	color: #000000; 
	font-family: verdana, arial, helvetica; 
	font-size: 11px; 
	text-decoration: none;	
}

a.textenoir:link {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

a.textenoir:visited {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

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

.texteblanc{ 
	color: #FFFFFF; 
	font-family: verdana, arial, helvetica; 
	font-size: 11px;
	text-decoration: none;	
}

a.texteblanc:link {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

a.texteblanc:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

a.texteblanc:hover {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: underline;
}



/* LIENS */
a.liennoir { color:#000;  text-decoration:none; }
a.liennoir:hover { color:#000;  text-decoration:underline; }
a.liengris { color:#7F7F7F;  text-decoration:none; }
a.liengris:hover { color:#7F7F7F;  text-decoration:underline; }
a.lienbleu { color:#004E8B;  text-decoration:none; }
a.lienbleu:hover { color:#004E8B;  text-decoration:underline; }
a.lienbleus { color:#004E8B;  text-decoration:underline; }
a.lienbleus:hover { color:#004E8B;  text-decoration:none; }



/* ONGLETS */
    #menuonglets {
      float:left;
      line-height:24px;
	  font-family:Verdana, Helvetica, sans-serif; 
	  font-size:11px; 
	  color:#115B85;
      }
    #menuonglets ul {
	  margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #menuonglets li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menuonglets a {
      float:left;
      background:url(../images/onglets/left.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #menuonglets a span {
      float:left;
      display:block;
      background:url(../images/onglets/right.gif) no-repeat right top;
      padding:0px 8px 0px 3px;
	  color:#115B85;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuonglets a span {float:none;}
    /* End IE5-Mac hack */
    #menuonglets a:hover span {
      color:#E41A22;
      }
    #menuonglets a:hover {
      background-position:0% -24px;
      }
    #menuonglets a:hover span {
      background-position:100% -24px;
      }
	/* etat clique */
	#menuonglets .clic{
	background-position:0% -24px;
	}
	#menuonglets .clic span {
	background-position:100% -24px;
	color:#E41A22;
	}
	
	#zonegeo span {
		color:#004E8B;
		text-decoration:none;
		background:url(../images/commun/icone_zone.gif) no-repeat;
		display:block;
		height:17px;
		line-height:17px;
		padding-left:17px;
	}
	
	
/* Module Agenda */
.agenda_titre_planning {
	background-color : #004E8B;
	color : #fff;
	font-weight : bold;
	padding: 5px;
	margin-bottom:5px;
}
.agenda_limit {
	width : 100%;
	overflow: auto;
	overflow-x: scroll;
}
.agenda {
	background-color : #f5f5f5;
	width : 100%;
	padding : 3px;
	margin : 0 0 5px 0;
}
.agenda th {
	line-height : 15px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000;
	text-decoration : none;
	text-align : center;
}
.agenda tbody td {
	background-color : #eef2f7;
	color : #000;
	height : 60px;
	width : 84px;
	vertical-align : top;
}
.agenda tbody td.selected {
	border : 2px;
	border-style : outset;
}
.agenda td a {
	background-color : transparent;
	color : #000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}
.agenda td a:hover {
	text-decoration : underline;
}
.agenda tbody div.date {
	text-align : right;
	font-weight : bold;
	font-size : 11px;
	color : #777;
	background-color : #dfe6ef;
	padding : 0 5px 0 0;
	margin : 0 0 3px;
}
.agenda tbody div.evenement {
	border : 0px solid #777;
	background-color : #FFAD00;
	padding : 1px;
	margin : 0 0 2px;
}
.agenda tbody div.mise_a_jour, .mise_a_jour {
	background-color : #FF0000;
}
.agenda tbody div.mise_a_jour_1_semaine, .mise_a_jour_1_semaine {
	background-color : #FF7700;
}
.agenda tbody div.mise_a_jour_2_semaine, .mise_a_jour_2_semaine {
	background-color : #FFAA00;
}
.agenda tbody div.mise_a_jour_3_semaine, .mise_a_jour_3_semaine {
	background-color : #FFCC00;
}
.agenda tbody div.formation, .formation {
	background-color : #ace539;
}

span.legende {
	padding: 0 3px;
	border : 1px solid #000;
	margin: 5px;
}
/* Fin Module Agenda */