html
{
	margin:0px;
	padding:0px;
	height:100%;
}

body
{
	background-repeat:repeat-y;
	background-color:#acadae;
	background-image:url(fond/fond.jpg);
	background-position:center;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	height:100%;
}

	.TOP
	{
	width: 100%;
	height: 116px;
	overflow-y: visible;
	overflow-x: visible;
	background-color: #80bfdf;
	vertical-align:top;
	background-repeat:repeat-y;
	}

	.MAIN
	{
		width: 100%;
		height: 70%;
		background-color: #80bfdf;
		background-repeat:repeat-y;
	}
	.BOTTOM
	{
		width: 100%;
		height: 50px;
		overflow-y: visible;
		background-color: #80bfdf;
		background-repeat:repeat-y;
		text-align:center;
	}

	.jour
	{
		border: 1px solid Black;
		width: 65px;
		height: 75px;
		display:block;
		overflow-y:auto;
	}
div
{
	width:auto;
	text-align:left;
}
	
/* -------------------------------------------------------------------- Styles pour les liens -------------------------------------------------------------------*/
.mailto
{
	color:#4ca3e3;
	text-decoration:underline;
}

.a {
	color: White;
	text-decoration: underline;
}

.lien_fichier
{
	color:Black;
	height :32px;
	text-decoration:none;
}

.lien_noir
{
	color:Black;
	text-decoration: underline;
}


/* ---------------------------------------------------------------------- style pour le calendrier --------------------------------------------------------*/

		/* représente la mise en force du libellé MOIS dans le calenrier*/
		.mois
		{
   			border-top: 1px solid White;
   			border-right: 1px solid White;
   			border-left: 1px solid White;
			font-family:Verdana;
			font-size:14px;
			text-align:center;
			font-variant:small-caps;
			color:White;
			background-color:#b40001;
			height:21px;
		}

     	/* représente la mise en force du TD contenant le libellé semaine dans l'en-tête*/
		.headerWeek{
   			border:none;
			width: 20px;
			height: 15px;
			display:block;
        }
        
		/* représente la mise en force du TD contenant le n° des semaine dans les lignes du calendrier*/
        .Week{
   			border:none;
			width: 20px;
			height: 50px;
			display:block;
		}
		
		/* représente la mise en force du TD contenant les nom de jours*/
        .headerDay{
            width : 65px;
   			border: 1px solid White;
			height: 15px;
			text-align:center;
			color:White;
			background-color:#686868;
        }
        
		/* représente la mise en force du TD contenant les controls jour*/
        .Day{
            width : 65px;
   			border: 1px solid White;
			height: 50px;
       		color:White;
			background-color:#9fa0a2;
		}
		.DayReunion
		{
            width : 65px;
   			border: 1px solid White;
			height: 50px;
       		color:White;
			background-color:#4ca3e3;
			
		}
		
		/* représente la mise en force du TD contenant les controls jour du Week-End*/
        .WEDay{
            width : 65px;
   			border: 1px solid White;
			height: 50px;
       		color:White;
			background-color:#686868;
		}
		
		/* représente la mise en force du n° de jour dans le CTRL jour contenant les controls jour*/
		.date
		{
   			border-bottom: 1px solid White;
   			border-left: 1px solid White;
			width: 17px;	
			height: 17px;	
			text-align:right;
			display:inline-block;
			top:0px;
			right:0px;
			position:static;
		}	
		
		/* représente la mise en force du contenu du controls jour
			ce conteneur contient 
				- la date
				- les réunions
		*/

		.contentjour
		{
			width:65px;
			height:50px;
			text-align:right;
			vertical-align:top;
			overflow-y:visible;
		}

        
        
   		/* représente la mise en force du Table calendrier*/
		.Calendrier
		{
			width : 460px;
			text-align:center;
		}
		
   		/* représente la mise en force du TR header du calendrier*/
		.CalendrierHeader
		{
            width : 460px;
		}
		
   		/* représente la mise en force du TR des lignes jour du calendrier*/
		.CalendrierRow
		{
            width : 490px;
		}
		
/* ---------------------------------------------------------------------------- style pour le menu -----------------------------------------------*/
.menuW
{
	overflow:auto;
}
.item_menu
{
	background-image:url(menu/separateur_menu.png);
	background-position:bottom;
	background-color:#4ca3e3;
	background-repeat:repeat-x;
	color:White;
	font-variant:normal;
	font-family:Arial;
	font-weight:bold;
	font-size:8pt;
	width:190px;
}
.selected_menu
{
	background-image:url(menu/separateur_menu.png);
	background-position:bottom;
	background-color:#006faf;
	background-repeat:repeat-x;
	color:White;
	font-variant:normal;
	font-family:Arial;
	font-weight:bold;
	font-size:8pt;
	width:190px;
}
img
{
	display:block;
}
.div_padding_15
{
	padding-left:15px;
	padding-bottom:9px;
	padding-top:5px;
}
/* ------------------------------------------------------------------------ style pour le fond ------------------------------------------------*/
.fond
{
	width:100%;
	height:558px;
	margin:  -10px 0px -10px 0px;
   /*position:absolute; 
   top:50%; 
   margin-top:-299px;*/
   overflow-y:visible;
   overflow-x:visible;
}
.fond_coin_gauche_haut
{
	background-position:right bottom;
	background-repeat:no-repeat;
	background-image:url(fond/coin_haut_gauche.jpg);
}
.fond_coin_droite_haut
{
	background-image:url(fond/coin_haut_droite.jpg);
	background-position: left bottom;
	background-repeat:no-repeat;
}
.fond_coin_gauche_bas
{
	background-image:url(fond/coin_bas_gauche.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.fond_coin_droite_bas
{
	background-image:url(fond/coin_bas_droite.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}
.fond_haut
{
	background-image:url(fond/fond_haut.jpg);
	background-position: left bottom;
	background-repeat:repeat-x;
}
.fond_bas
{
	background-image:url(fond/fond_bas.jpg);
	background-position: left top;
	background-repeat:repeat-x;
}
.fond_gauche
{
	background-image:url(fond/fond_gauche.jpg);
	background-repeat:repeat-y;
	background-position:right;
}
.fond_droite
{
	background-image:url(fond/fond_droite.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
.centre
{
	width:80%;
	vertical-align:top;
	text-align:center;
}
/* ---------------------------------------------------------------------- masterpage -------------------------------------------------------------*/
.contenu
{
	width:auto;
	height:400px;
	vertical-align:top;
	background-color:White;
	text-align:center;
	color:black;
	font-family:Verdana;
	font-size:8pt;
	overflow-y:visible;
}

.bandeau_gauche
{
	background-image:url(bandeau/fond_bandeau.jpg);
	background-repeat:repeat-x;
	width:190px;
	height:124px;
	vertical-align:top;
}
.bandeau_milieu
{
	background-image:url(bandeau/fond_bandeau.jpg);
	background-repeat:repeat-x;
	width:auto;
	
}
.bandeau_droite
{
	background-image:url(bandeau/bandeau.jpg);
	background-repeat:no-repeat;
	background-position: left;
	background-color:#0262ac;
	/*width:570px;*/
	height:124px;
}
.bandeau_droite_droite
{
	background-image:url(bandeau/bandeau_fond_droite.jpg);
	background-repeat:repeat-x;
}
.bandeau_bas_gauche
{
	background-color:#4ca3e3;
	width:190px;
}
.bandeau_bas_centre
{
	background-color:White;
	background-image:url(bandeau/bandeau_bas_gauche.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:auto;
}
.bandeau_bas_droite
{
	background-color:White;
	background-image:url(bandeau/bandeau_bas_droite.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:auto;
}
.colonne_gauche
{
	background-color:#b80000;
	vertical-align:top;
	margin:0px;
	text-align:left;
}
.pied_page
{
	background-color:#ff9f00;
	color:White;
	font-weight:bold;
	font-family:Arial;
	font-size:7pt;
	height:15px;
}

.pied_cpnef
{
	float:left;
	padding-left:5px;
}
.pied_lien_plan_site
{
	float:right;
	padding-right:6px;
}
.pied_lien_contact
{
	float:right;
	padding-right:67px;
}
.div_clear
{
	clear:both;
}


/* ------------------------------------------------------------------ bulle ---------------------------------------------------------------*/

.haut_gauche
{
	background-image:url(bulle/bulle_haut_gauche.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.haut_droite
{
	background-image:url(bulle/bulle_haut_droite.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.bas_gauche
{
	background-image:url(bulle/bulle_bas_gauche.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.bas_droite
{
	background-image:url(bulle/bulle_bas_droite.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.bas
{
	background-image:url(bulle/bulle_bas.png);
	background-position:top;
	background-repeat:repeat-x;
}
.haut
{
	background-image:url(bulle/bulle_haut.png);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:left;
}
.gauche
{
	background-image:url(bulle/bulle_gauche.png);
	background-position:right;
	background-repeat:repeat-y;
	width:14px;
}
.droite
{
	background-image:url(bulle/bulle_droite.png);
	background-position:left;
	background-repeat:repeat-y;
	width:14px;
}
centre_bulle
{
	color:White;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	background-color:#b80000;
	text-align:left;
}

.bulle
{
	width:200px;
	display:none;
	position:absolute;
}


/* ---------------------------------------------------------------encadré bleu -----------------------------------------------------------*/
.encadre_bleu
{
	text-align:left;
	border: solid 1px #4ca3e3;
	border: solid 1px #4ca3e3;
	padding:10px;
	width:auto;
}
.entete_encadre_bleu
{
	text-align:left;
	vertical-align:middle;
	border: solid 1px #4ca3e3;
	background-color:#4ca3e3;
	color:White;
	padding:5px;
	height:22px;
	width:auto;
}
.div_padding
{
	width:95%;
	margin-top:10px;
}
/* ------------------------------------------------------------section et pragraphe -----------------------------------------------*/
.paragraphe
{
	text-align:justify;
	margin:5px 0px 0px 0px;
	vertical-align:top;
	width:95%;
}
.text_paragraphe
{
	text-align:justify;
	vertical-align:top;
}
.section
{
	text-align:left;
	margin-top:10px;
	padding:0px;
}
.image_paragraphe
{
	text-align:center;
	margin-right:15px;
}

.liste
{
	padding-bottom:0px;
}
.liste_2
{
	padding-left:20px;
}
.titre
{
	font-size:9pt;
	font-family:Verdana;
	font-weight:bold;
	color:#b80000;
}

.titre_section
{
	font-size:8pt;
	font-family:Verdana;
	font-weight:bold;
	color:#b80000;
}
.titre_paragraphe
{
	font-size:8pt;
	font-family:Verdana;
	font-weight:bold;
	color:#004c9b;
}
.titre_paragraphe_Synthese_Etudes
{
	font-size:8pt;
	font-family:Verdana;
	font-weight:bold;
	color:#004c9b;
	display:inline-block;
	height:30px;
}

.tiret_titre
{
	background-image:url(tiret_titre.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	width:auto;
	height:21px;
	vertical-align:top;
	margin-top:17px;
	margin-bottom:20px;
	text-align:left;
}
.div_titre_section
{
	margin-bottom:12px;
	text-align:left;
}
.paragraphe_accueil
{
	margin-top:10px;
	margin-right:8px;
	text-align:justify;
	width:95%;
}

.separateur_paragraphe
{
	background-image:url(seprateur_paragraphe.jpg);
	background-position:center;
	background-repeat:repeat-x;
	width:95%;
	text-align:right;
	
}

.div_syndic
{
	text-align:left;
	padding-bottom:15px;
	width:95%;
}

.div_lien
{
	padding:10px 10px 10px 10px;
}

.div_type_lien
{
	padding-bottom:15px;
}

.div_coordonnees_syndicats
{
	text-align:left;
	padding-left:40px;
}
.div_contact
{
	padding-left:5px;
	padding-bottom:5px;
}
.text_gras
{
	font-weight:bold;
}
.panel_scroll
{
	width:auto;
	height:315px;
	overflow-x:hidden;
	overflow-y:auto;
}
/* ----------------------------------------------------------------- fichiers -----------------------------------------------------*/
.conteneur_fichier
{
	text-align:left;
	width:95%;
	padding:3px;
}
.conteneur_fichier_Synthese_Etudes
{
	text-align:left;
	width:420px;
	padding:3px;
	height:38px;
	vertical-align:middle;
	margin-top:5px;
}
.conteneur_fichier_border
{
	text-align:left;
	border-style: none solid solid solid;
	border: 1px #4ca3e3;
	padding:10px;
	overflow:auto;
}

.conteneur_simple_fichier
{
	float:left;
	width:150px;
	vertical-align:middle;

}
.icon_fichier
{
	float:left;
	width:24px;
	height:24px;
	
}

.libelle_fichier_Synthese_etude
{
	float:left;
	width:250px;
	height:38px;
	vertical-align:middle;
	text-align:left;
	margin-left:3px;
	margin-right:3px;
	padding-top:5px;
}
.libelle_fichier
{
	float:left;
	width:125px;
	height:32px;
	vertical-align:middle;
	text-align:left;
	
	margin-right:3px;
	
}
/*--------------------------------------------------------------------- plan site -----------------------------------------------*/


.plan
{
	color:#4ca3e3;
	text-decoration:none;
	font-size:7pt;
	
}
.plan_hover
{
	color:#006faf;
	text-decoration:none;
	font-size:7pt;
	
}
.div_plan
{
	text-align:left;
}
.div_mini_plan
{
	text-align:center;
	padding-top: 40px;
}

.plan_mini
{
	color:#4ca3e3;
	text-decoration:underline;
	font-size:15px;
	height:25px;
	font-weight:bold;
}
.plan_hover_mini
{
	color:#006faf;
	text-decoration:underline;
	font-size:15px;
	height:25px;
	font-weight:bold;
	
}

.bouton
{
	background-color:#4ca3e3;
	border:solid 1px #006faf;
	color:#ffffff;
	font-weight:bold;
}
.bouton:hover 
{
	background-color:#006faf;
	border:solid 1px #4ca3e3;
	color:#ffffff;
	font-weight:bold;
}

.textbox
{
	border:solid 1px #4ca3e3;
}
.textbox:hover
{
	border:solid 1px #006faf;
}
.sablier
{
	text-align:center;
	vertical-align:middle;
	display:none;
	position:absolute;
	/*
	width:55%;
	height:68%;
	top:25%;
	left:29%;
	background-color:White;
	border:solid 1px black;
	*/
}
.img_sablier
{
}