* {
	margin:0;
	padding: 0;
}	

body, html {
	height: 100%;
}
body {
	background: #add1e9;
	font-family: arial;
	}
div.clear {
	clear:both;
	height:0;
}	

#cnx {
	background-color: white;
	border : 3px solid #2887c6;
	margin: 20px;
	width: 500px;
}

#cnx  td{
	text-align: center;
	color:  #2887c6;
	font-size: 12px;
	padding: 5px;
}

.Button, button
{

	border: 1px solid  #68b3dd;
	color: #747679;
	background-color: white;
}
.buttonInputNew
{
	border: 1px solid  #68b3dd;
	color: #747679;
	background-color: white;
	width: 110px;
	padding: 4px;
	margin-bottom: 5px;
}

.Button :hover, button:hover
{
	color: #93278f;
	background: #afdff9;
}
.rubriqueEnfants {
	padding-left: 20px;
}
.rubriqueEnfants ul {
	list-style: none;
}

.rubriqueresume {
	font-style: italic;
	color: #555555;
}

div.filtre {
	font-size: 12px;
}
div.filtre a{
	text-decoration: none;
}

div.filtre td {
	text-align:center;
	
}
fieldset {
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px dotted #69b3e2;
}
fieldset legend {
	color: #0071bc;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
fieldset fieldset legend {
	font-weight: normal;
	font-style: italic;
}
.enfants {
	/*border: 1px #0071bc solid;*/
	margin-bottom: 4px;
	margin-top: 4px;
	border-left: 2px dotted #0071bc;
	margin-left: 17px;
	padding-left: 5px;
	padding-right: 5px;
}
.tableauFormulaire {
	width: 100%;
	border-collapse: collapse;
}
.tableauFormulaire th {
	background: url(../../images/fond_head_table.png) bottom repeat-x;
	text-align: left;
	padding: 3px;
}
.tableauFormulaire td {
	padding: 3px;
}
.colonneBoutons {
	width: 27px;
}	
.table_main {
	border-collapse: collapse;
	width: 100%;
}
.table_main th {
	color: #0071bc;
}
.table_main th, .table_main td {
	padding: 4px;
}
.table_principal {
	border-collapse: collapse;
	width: 100%;
}
.table_principal th {
	color: #0071bc;
}
.table_principal th, .table_principal td {
	border: 1px solid #0071bc;
	padding: 4px;
}
div#top {
	background: url(../images/fond_haut.png) top repeat-x white;
	padding:20px;
}
div#container {
	background: url(../images/fond_bas.png) bottom repeat-x white;
	width:100%;
	padding:0;
}

#form_ext {
	height: 400px;
	font-size:13px;
	width: 400px;
	padding:20px;
	filter: shadow(color=#C0C0C0, direction=135);
	 position: fixed;
	 margin-left:-200px;
	 margin-top:-200px;
	 color: #0071bc;
	border: 3px solid #0071bc;
	background: white;
	top: 50%;
	left: 50%;
	
}

div#bandeau {
	background: url(../images/carres.png) no-repeat 220px 25px;
}
div#menu {
	margin-top: 8px;
}
.recherche:hover {
	background-position: 0 22px;
}
.recherche{
	background: url(../images/recherche.png);
	width: 151px;
	height:22px;
	list-style:none;
	margin-left: 8px;
	margin-top: 3px;
	padding-left:5px;
	display : -moz-inline-box;
	display : inline-block ;
}
.recherche input {
	background: none;
	border: none;
}
div#menu ul li{
	float: left;
	list-style: none;
}
div#menu ul li a{
	display: block;
	width: 103px;
	color: #747679;
	text-decoration: none;
	font-size: 14px;
	text-align:center;
	padding-top:5px;
	height:25px;
	background: url(../images/bontonMenuPrincipal.png) no-repeat;
}
div#menu ul li.selected a {
	background-position: -103px 0 ;
	color: #0071bc;
}
div#menu ul li a:hover {
	background-position: -206px 0 ;
	color: #93278f;
}
span.soustitre {
	font-weight: bold;
	color: #0071bc;
}
h1.titrePrincipal {
	color: #0071bc;
	font-weight: normal;
	position: absolute;
	top:15px;
	left:50%;
	font-size:25px;
	margin-left: -150px;
}
/***** SOUS MENU *************/

div#sousMenu {
	background: url(../images/barre_sousMenu.png) no-repeat bottom left;
	height: 30px;
	margin-left: 20px;
}
div#sousMenu  a{
	margin-right: 10px;
	margin-left: 5px;
	color: #747679;
	text-decoration: none;
	font-size: 14px;
}
div#sousMenu  a.menu3_on{
	color: #0071bc;
}
div#sousMenu  a:hover{
	color: #93278f;
}
/***** RACCOURCIS OUTILS ******/
#raccourcis {
	position: absolute;
	right: 20px;
	top: 20px;
}
#raccourcis li {
	float:left;
	margin-left:13px;
	list-style: none;
}
#raccourcis li a {
	text-decoration: none;
	font-size: 10px;
	color: #4698ce;
}
#raccourcis li#deconnexion {
	margin-left: 20px;
}
#raccourcis li a:hover {
	position: relative;
	top: -3px;
}
img {
	border: 0;
}

/***** INFOS UTILISATEURS ******/

#infosUtilisateur {
	position: absolute;
	color: #545557;
	font-size: 13px;
	right: 20px;
	top: 50px;
	width: 220px;
}
#infosUtilisateur form{
	display: inline;
}
#infosUtilisateur form select {
	border:0;
	background: none;
	color: #545557;
}

div#contenu {
	padding-left: 20px;
	padding-right: 20px;
}

/***** TABLEAU DE BORD ******/

table.tableauBord {
	width:100%;
}
table.tableauBord td{
	border: 3px solid #68b3dd;
	width: 50%;
	vertical-align: top;
}
.affichage a {
	color: #0071bc;
	text-decoration: none;
}
.affichage h2, .affichage h3 , .courrierAgenda h2{
	color: #0071bc;
} 
.affichage h2 a, .affichage h3 a, .courrierAgenda h2 a{
	color: #0071bc;
	text-decoration: none;
} 
.affichage a:hover{
	text-decoration: underline;
} 
table.tableauBord table {
	border-collapse: collapse;
}
table.tableauBord table td {
	border:0;
}
table.tableauBord td.affichage h2, table.tableauBord td.courrierAgenda h2 {
	font-weight: normal;
	font-size: 20px;
	padding: 7px;
}

table.tableauBord td.affichage h2 {
	float: left;
}	

table.tableauBord td.affichage .nouvellesAnnonces {
	float: right;
	display:none;
	color: #00a993;
	padding: 7px;
} 
table.tableauBord td.affichage .nouvellesAnnonces a {
	color: #00a993;
	text-decoration: none;
}
table.tableauBord td.affichage .nouvellesAnnonces a:hover {
	text-decoration: underline;
}

table.tableauBord td.affichage .nouvellesAnnonces span{
	font-size: 20px;
}

table.tableauBord td.affichage .article{
	padding: 7px;
	border-top: 3px solid #68b3dd;
}

.affichage h3 {
	font-size: 14px;
	text-transform: uppercase;
}

.affichage .date {
	font-size: 14px;
	color: #00a993;
}
.affichage .autresAnnonces {
	float:left;
	padding:7px;
	font-size:12px;
	color: #00a993;	
}
.affichage .autresAnnonces a {
	color: #00a993;	
}
.affichage .lireLaSuite {
	float:right;
	padding:7px;
	font-size:12px;
	color:#00a993;
}
.article p {
	font-size: 12px;
	text-align: justify;
}
.courrierAgenda table{
	width: 100%;
}
.courrierAgenda .courrier {
	border-right: 3px solid #68b3dd;
	width: 50%;
	
}
.courrierAgenda h2 {
	letter-spacing: -1px;
}
.courrierAgenda h2 a:hover {
	text-decoration: underline;
}

.courrierAgenda h2 em {
	color: #00a993;
	font-size: 14px;
}
.courrierAgenda h2 span{
	color: #00a993;
	font-size: 20px;
}
.messages {
	border-top: 3px solid #68b3dd;
	padding: 7px;
	
	line-height: 13px;
}
.messages .menu ul{
	font-size: 12px;
	list-style: none;
}
.messages .menu ul a {
	color: #0071bc;
	text-decoration: none;
}
.message:hover {
	color:#68b3dd;
}
.message {
	border-bottom: 1px solid #93278f;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.lu {
	color: #b6b6b7;
}
.non-lu {
	color: black;
}
/*** AGENDA ***/
.agenda h2 {
	text-align: center;
	border-bottom: 3px solid #68b3dd;
	height: 25px;
}
.aujourdhui, .nbRDV {
	width: 50%;
}
.evenements {
	padding: 7px;
}
.aujourdhui {
	text-align: left;
	font-size: 14px;
	color: #0071bc;
}
.nbRDV {
	text-align: right;
	font-size: 14px;
	color: #00a993;
}
.texte a {
	color: #93278f;
	text-decoration: none;
}
.texte a:hover {
	color: black;
	text-decoration: underline;
}
.evenements td.evenement {
	border: 2px solid #0071bc;
	font-size: 12px;
	padding:2px;
	line-height: 13px;
}
.evenements td.evenement td.heures {
	width: 5%;
	padding-right: 5px;
}
.evenements td.evenement h3 {
	color: #0071bc;
	font-size:14px;
	font-weight: normal;
}
.entete  h2 {
	font-weight: normal;
	font-size: 20px;
	padding: 7px;
	float:left;
}
.entete  h2 a {
	color: white;
	text-decoration:none;
}
.entete  h2 a:hover {
	color: white;
	text-decoration:underline;
}
.chrono .entete ,.evaluation .entete {
	color: white;
	background: #68b3dd;
	height: 40px;
}
.chrono  .texte, .evaluation .texte {
	font-size: 12px;
	padding: 10px;
}
.entete  table.onglets { 
	float:right;
	width:60%;
	height:38px;
	border-bottom: 3px solid  #68b3dd;
	}
.entete  table.onglets td {
	background: white;
	border-right: 3px solid  #68b3dd;
	vertical-align: middle;
	text-align:center;
	line-height:14px;
	width:33%;
}
.entete  table.onglets td:hover {
	background: #afdff9;
}
.entete  table.onglets td a {
	text-decoration:none;
	font-size:12px;
	color: #747679;
}
.entete  table.onglets td a.courante {
	color: #93278f;
} 
#pied {
	margin: 20px;
	margin-top:10px;
}
#pied table {
	text-align:center;
	width:100%;
}
#pied table  a {
	font-size: 12px;
	margin-left: 20px;
	text-decoration: none;
	color: #747679;
}
.enveloppe_titre{
	text-align:left;
	vertical-align:top;
	height:20;
	padding-left:4px;
	font-size: 10pt;
	color: #0071bc;
	font-weight:bold;
}
.enveloppe_stitre, form.passeport h3{
	background:url('../images/barre_sousMenu.png') no-repeat left; 
	background-position:  top left;
	text-align:left;
	padding:5px;
	margin:2px 0px 2px 0px;
	font-size: 1.2em;
	color: #000000;
	font-weight:bold;
	color: #0071bc;
	background-color:white;
}
.enveloppe_stitre img {
/*	display: none;*/
}
.enveloppe_stitre a{
	color: #0071bc;
	text-decoration: none;
}
.enveloppe_stitre a:hover {
	color: black;
}
.enveloppe_stitre_jaune{
	background-position:  10px;
	text-align:left;
	width:100%;
	padding:5px;
	padding-left:30px;
	margin:2px 0px 2px 0px;
	font-size: 1.2em;
	color: white;
	font-weight:bold;
	background-color:#93278f;
}
.enveloppe_lien{
	display:inline;
	width:20%;
	text-align:right;
	background:#0071bc;
	
}
#autocompletion {
	border: 1px solid silver;
	min-height: 15px;
	width:564px;
	background: white;
}
#autocompletion a {
	display:block;
}
#autocompletion a:hover {
	background: silver;
}

.enveloppe_lien td{
	white-space: nowrap;
}
td.contenuFiche {
	text-align: left;
	vertical-align: top;
	width: 75%;
	/*overflow: hidden;*/
	padding:0;
}
td.contenuFiche .enveloppe_scroll {
	/*overflow: hidden;*/
}
.enveloppe_action{
	text-align:left;
	width:100%;
	background:white;
	margin:0;
	border:3px solid #68b3dd;
}
.enveloppe_action a {
	text-decoration: none;
	color: #93278f;
}
.enveloppe_action a:hover {
	text-decoration: underline;
	color: #93278f;
}
.enveloppe_action td {

	padding:5px;
}
.enveloppe_action h3 {
	color: #93278f;
	font-size: 14px;
	float: left;
	font-weight: normal;
	letter-spacing: -1px;
	padding-top:5px;
}
.enveloppe_action .actions {
	float:right;
}
button img{
	display: none;
}
.enveloppe_action button {
	border-color: silver;
	position: relative;
}
.enveloppe_action button.active {
	border-color:#68b3dd;
}
.enveloppe_contenu a{
	color: #0071bc;
	text-decoration: none;
}
.enveloppe_contenu a:hover{
	color: black;
}
.enveloppe_contenu {
	
	text-align:left;
	font-size:12px;
	padding:5px;
	background-color:#FFFFFF;
	border-right:3px solid #68b3dd;
	border-bottom:3px solid #68b3dd;
	border-top:3px solid #68b3dd;
	border-left:3px solid #68b3dd;
}
.listeItems th {
	
	text-align:left;
	font-size:12px;
	padding:5px;
	color:white;
	background-color:#68b3dd;
	border-right:3px solid #68b3dd;
	border-bottom:3px solid #68b3dd;
	border-top:3px solid #68b3dd;
	border-left:3px solid #68b3dd;
}
.enveloppe_contenu  form label {
	display : -moz-inline-box ;
	display : inline-block ;
	margin-right: 5px;
}
label, .label{

	display : -moz-inline-box ;
	display : inline-block ;
}
.label {
	min-width: 100px;
	font-weight: bold;
}
.enveloppe_scroll {
	height:100%;
	/*overflow: auto;*/
}
.enveloppe_scroll h3 {
	color: #0071bc;
	text-decoration: underline;
}
.enveloppe_select {
	width:100px;	
	font-size:12px;
	color:#FFFFFF;
	border:2px #68b3dd solid;
	background:#338cbe;
	font-weight:bold;
}
.enveloppe_select a, .enveloppe_select a:visited{
	padding:3px 10px 3px 10px;
	height:100%; width:100%;	display:block;/*--pour que le a prenne toute la taille est colle l'image a gauche */
	color:#FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}
.enveloppe_unselect {
	background:#b9ddf1;
	width:100px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	border:2px #68b3dd solid;
	
}
.enveloppe_unselect:hover {
	color:white;
	background:#338cbe;
}
.enveloppe_unselect a, .enveloppe_unselect a:visited{
	padding:3px 10px 3px 10px;
	height:100%; width:100%;	display:block;/*--pour que le a prenne toute la taille est colle l'image a gauche */
	color:#000000;
	text-decoration: none;
	white-space: nowrap;
}
.enveloppe_unselect a:hover, .enveloppe_unselect a:active{
	padding:3px 10px 3px 10px;
	height:100%; width:100%;	display:block;/*--pour que le a prenne toute la taille est colle l'image a gauche */
	color:white;
	white-space: nowrap;
}
.enveloppe_vide {
	padding:1px;
	margin:0px;
	border-bottom:solid 1px #68b3dd;
}
.infobulle {
	color: #000000;
	border:1px solid #333366;
	background-color:#DBEED7;
	padding:2px;
}
.errorinput {
	border: solid 1px #FF6666;
	background-color: #FFDDDD;
}
.errorspan {
	padding-left: 50px;
	color: #FF0000;
	font-weight:bold;
}
#envshow_gauche li{
		list-style: none;

}
.ContextMenu { 
	cursor:default; 
	text-align:left; 
	background-color:menu; 
	border:1 solid buttonface; 
	border:2 outset buttonhighlight; 
} 
.ContextMenuTitle{ 
	color:black; 
	font-size:15; 
	font-weight:bold; 
	background-color:menu; 
} 
.ContextMenuOver{ 
	color:white; 
	font-size:11; 
	font-weight:700; 
	background-color:midnightblue; 
} 
.ContextMenuOut{ 
	color:black; 
	font-size:11; 
	font-weight:500; 
	background-color:menu; 
} 
.drag {
	color: #000000;
	border:1px solid #333366;
	background-color:#DBEED7;
	padding:2px;
	text-align:left;
	white-space: nowrap;
}
.calendar_table {
	color: #000000;
	border:1px solid #68b3dd;
	background-color:#4682B4;
	font-size:10px;
}
.calendar_table td{
	padding:0px;
}
.calculator {
	color: #000000;
	border:1px solid #333366;
	background-color:#FFFFFF;
	padding:2px;
}
.arbo_unselect{
	text-decoration: underline;
	color: #000000;
}
.arbo_unselect:hover {
	text-decoration: underline;
	color: #000000;
}
.arbo_select{
	text-decoration: underline;
	color: #000000;
	background-color:#D2D5E6;
	padding:2px;padding-left:5px;padding-right:5px;
}
.arbo_select:hover {
	text-decoration: underline;
	color: #000000;
	background-color:#D2D5E6;
	padding:2px;padding-left:5px;padding-right:5px;
}
#grille  {
	border-collapse: collapse;
	margin: 0;
}
#grille  th{
	background: #62a9d5;
	color: white;
	padding:3px;
}
#grille td {
	padding: 3px;
	border: 2px solid #62a9d5;
}
#grille td  td {
	border: 0;
}
.table_main {
	border-collapse: collapse;
}
.table_main td {
	padding: 3px;
}
form div {
	padding: 0;
	margin: 0;
}

a.bouton {
	display: block;
	float: left;
	width: 20px;
	text-align:center;
	border: 2px solid silver;
	color: silver;
}
a.courant{
	display: block;
	float: left;
	width: 20px;
	text-align:center;
	border: 2px solid #68b3dd;
	color: #68b3dd;
}

.rubrique {
	border: 2px solid #68b3dd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

}

.rubrique h3 {
	font-size: 12px;
	letter-spacing: -1px;
}

.dijitDialogPaneContent a {
	color: #0071bc;
	text-decoration: none;
}
/****** AGENDA ***********/
	.agenda {
		border-collapse: collapse;
		color: #0070bc;
	}
	.agenda th {
		border: 1px solid #dddddd;
		text-align: center;
		font-size:10px;
		background: url(../jslib/dojo/dijit/themes/tundra/images/titleBar.png) repeat-x bottom;
	}
	.agenda .head th {
		height: 30px;
		background: url(../jslib/dojo/dijit/themes/tundra/images/titleBar.png) repeat-x center;
	}
	.agenda td {
		border: 1px solid #dddddd;
		background: white url(../images/pointilles.gif) repeat-x center;
	}
	.agenda td.today {
		background-color: #e9f3f9;
	}
	.agenda_mois {
		border-collapse: collapse;
	}
	.agenda_mois th {
		border: 1px solid #dddddd;
		text-align: center;
		color: #0070bc;
		font-size:10px;
		background: url(../jslib/dojo/dijit/themes/tundra/images/titleBar.png) repeat-x bottom;
	}
	.agenda_mois td {
		vertical-align: top;
		border: 1px solid #dddddd;
	}
	.agenda_mois td h2{
		background: #eeeeee;
		border-bottom: 1px solid #dddddd;
		font-size: 12px;
	}
	.agenda_mois  td.today {
		background-color: #e9f3f9;
	}
/****** EVENEMEENT ******/
.event_div {

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	border: 1px solid black;
	background: url(../images/fond_event.png) bottom; 
	background-color: silver;
	border-collapse: collapse;
	border-spacing: 2px 2px;
	color: black;
	font-size: 11px;
	position: absolute;

}

.event_div h2 {
	cursor: move;
	font-size: 10px;
	border-bottom:1px solid black;
	height: auto;
}
/****** JOURNEE TYPE ******/
.journee {
	border-collapse: collapse;
	width:75%;
	margin: auto;
	text-align: left;
}
.journee th, .journee td {
	padding: 5px;
	border: 1px solid #666666;
}
.journee th {
	
		height: 20px;
		background: url(../jslib/dojo/dijit/themes/tundra/images/titleBar.png) repeat-x bottom;
}

.dojoButton button {
	padding:0;
	font-size:12px;
}

/* Icons */
.dijitPrintIcon {
	background-image: url('../images/icones/button/imprimer.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitAddIcon {
	background-image: url('../images/icones/button/ajouter.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitViewIcon {
	background-image: url('../images/icones/button/loupe.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitEditIcon {
	background-image: url('../images/icones/button/edit.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitDeleteIcon {
	background-image: url('../images/icones/button/corbeille.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitAttachIcon {
	background-image: url('../images/icones/button/piece.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitNotesIcon {
	background-image: url('../images/icones/button/notes.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitSubmitIcon {
	background-image: url('../images/icones/button/ok.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitCancelIcon {
	background-image: url('../images/icones/button/cancel.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.dijitBackIcon {
	background-image: url('../images/icones/button/back.png'); 
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}

.dijitCalendarContainer th, .dijitCalendarContainer td{
	font-size: 12px;
}

.soria div div.dijitDateTextBox {
	margin-left: -3px;
}
textarea {
	margin-left: -3px;
}

th.dojoxGridCell {
	height: 17px;
	font-size: 12px;
}
td.dojoxGridCell {
	height: 15px;
	font-size: 12px;
}