/*de base------------------------------------*/
png {
	behavior: url(/fileadmin/templates//TIPI_Lievins/javascript/win_png.htc);
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(images/FondBody.png);
}
p {
	margin:0;
	padding:0;
	font-weight: normal;
}
input {
	font-size: 12px;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
select {
	font-size: 12px;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
/*-----------------------------fin de base*/
#All {
	position:absolute;
	left:50%;
	margin-left:-490px;
	width: 980px;
}
#Page {
	background-image: url(images/FondPage.jpg);
	background-repeat: repeat-y;
	min-height: 680px;
	padding:0 0 120px 0;
	width: 980px;
}
#Page #PageHB {
	position: absolute;
	/*background-image: url(images/FondPageHB.jpg);
	background-repeat: no-repeat;*/
	width: 980px;
	min-height: 699px;
	margin:0px;
}
/*Picto racine dans page --------------------------*/
#Racine {
	display:block;
	height:50px;
	margin:0px;
}
#Racine .RacineRub {
	display:inline;
	margin: 0px 5px 10px 5px;
	width: 50px;
	list-style-type: none;
}
#Racine .RacineRub a.curent img{
	background-image:url(images/CadreContenuMilieu.png);
	border:1px solid #003366;
	
}
/*debut du a droite------------------------------------*/
#QuiAdroite {
	position: absolute;
	top:0;
	z-index: 1;
}
#Outils {
	margin: 0 0 0 763px;
	width: 217px;
	min-height:180px;
	padding:20px 0 0 0;
	background-image:url(images/calendar-table.png);
	background-position: 9px bottom;
	background-repeat:no-repeat;
}
#Outils ul {
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	list-style-position: outside;
}
#Outils li{
	color: #6699FF;
	list-style-type: none;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 3px 0;
}
#Outils li img{
	margin:0 5px 0 0;
	vertical-align: middle;

}
#Outils a{
	color: #6699FF;
}
#Outils p {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#Outils #Breves li{
	color: #FF6600;
	list-style-type: square;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#Outils #Breves a{
	color: #FF6600;
	list-style-type: square;
	font-weight: bold;
}
#Outils #Breves {
	margin: 0px;
	padding: 0px;
	clear:both;
}
#Outils #Breves hr {
	white-space: nowrap;
	width: 100%;
}

#Outils h4 {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	margin-top: 2px;
	margin-bottom: 4px;
	white-space: nowrap;
}

#FondBande {
	background-image: url(images/FondBande.png);
	background-repeat: no-repeat;
	width: 980px;
	padding-top: 42px;
	min-height:253px;
	margin:0 0 -20px 0;
}
#FondBande #LogoTiPi {
	margin: 0 0 0 780px;
}
#FondBande table{
	margin:0px;
	padding:0px;
}
/*LOGIN------------------------------- deb*/
/*#FondBande #acces {
	clear: right;
	float: right;
	width: 196px;
	white-space: nowrap;
	display: block;
}
#FondBande #acces a{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	margin-right: 60px;*/
}
#FondBande #acces fieldset {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/*#acces input {
	margin-top: 5px;
	margin-bottom: 5px;
}
---*/
#FondBande .tx-loginboxmacmade-pi2 {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0 0 0 785px;
	width: 196px;
}
#FondBande .tx-loginboxmacmade-pi2 a{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	/*float: right;
	margin-right: 60px;*/
}
#FondBande .tx-loginboxmacmade-pi2 fieldset {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.tx-loginboxmacmade-pi2 input {
	/*margin-top: 5px;
	margin-bottom: 5px;*/
}
/*LOGIN------------------------------- fin*/
#QuiAdroite #agenda {
	margin: 0 0 0 763px;
	padding: 0 0 0 10px;
	width: 200px;
}
/*METEO------------------------------- fin*/
div#meteoPlugin {
	margin: 0px 0px 0px 763px;
	padding: 10px 0 10px 0;
}


#Partenaires {
	margin: 0 0 0 763px;
	padding: 10px 0 10px 0;
	text-align:center;
}
/*------------------------------------fin du a droite*/
#CadreCherche{
	min-height: 58px;
	width: 649px;
	top: 15px;
	position: relative;
	z-index:10;
	left:52px;
	/*height: 58px;*/
	white-space: nowrap;
	display: block;
	margin-bottom: 10px;
	vertical-align: top;
}
#CadreCherche #PageContenuHaut{
	height:15px;
}
#searchform a {
	font-size: 10px;
	color: #006699;
	font-weight: bold;
}
#PageContenuMilieu .tx-macinasearchbox-pi1 {
	margin-left: 15px;
}
#PageContenuMilieu .tx-macinasearchbox-pi1 #searchform{
	margin:0px;
}
#LienPerma {
	font-size: 10px;
	color: #FFFFFF;
	margin-right: 15px;
	white-space: nowrap;
	text-align: right;
	position: relative;
	top: 10px;
}
#LienPerma a{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/*début contenu central------------------------------------ */
#accessibilite {
	width: 649px;
	text-align: right;
}
#PageContenu {
	width: 649px;
	top: 25px;
	z-index: 10;
	position: relative;
	left: 52px;
	min-height:550px;
}
#PageContenuHaut {
	background-image: url(images/CadreContenuHaut.png);
	background-repeat: no-repeat;
	min-height: 15px;
	margin: 0px;
	padding: 0px;
	width: 649px;
}
#PageContenuMilieu {
	background-image: url(images/CadreContenuMilieu.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 649px;
}
#PageContenuBas {
	background-image: url(images/CadreContenuBas.png);
	background-repeat: no-repeat;
	height: 15px;
	margin: 0px;
	padding: 0px;
	width: 649px;
}
/*------------------------------------fin contenu central */

#Footer {
	height: 15px;
	width: 980px;
}
#Header{
	height: 15px;
	width: 980px;
}
/*Bloc de navigation------------------------------------*/
.PrecSuiv {
	white-space: nowrap;
	float: right;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
}

.PrecSuiv img {
	margin-right: 3px;
	margin-left: 3px;
	width: 21px;
	height: 21px;
}
.PrecSuiv a {
	color:#6699FF;
}
/*Cadre News home------------------------------------*/
#CadreNews {
	width: 613px;
	z-index: 20;
	left: 17px;
	position: relative;
	display: block;
}
#CadreNews #CadreNewsHaut {
	background-image: url(images/CadreNewsHaut.png);
	background-repeat: no-repeat;
	height: 13px;
}
#CadreNews #CadreNewsBas {
	background-image: url(images/CadreNewsBas.png);
	background-repeat: no-repeat;
	height: 13px;
}
#CadreNews #CadreNewsMilieu {
	width: 613px;
	background-image: url(images/CadreNewsMilieu.png);
	background-repeat: repeat-y;
	display:table;
}
#CadreNews #CadreNewsMilieu .News1{
	width: 294px;	
	display:block;
	margin: 0px;
	padding: 0px;
	float:left;
}
#CadreNews #CadreNewsMilieu #News2{
	width: 294px;	
	display:block;
	margin: 0px;
	padding: 0px;
	float:right;
}
#CadreNewsMilieu img {
	display:block;
	clear:both;
	/*height: 150px;
	width: 100px;*/
	margin-right: 5px;
	float: left;
}
#CadreNews #CadreNewsMilieu a{
	color:#000000;
	list-style-type: square;
	font-weight: bold;
	font-size: 12px;
}
#CadreNews #CadreNewsMilieu ul {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#CadreNews #CadreNewsMilieu p {
	font-size: 10px;
	color: #FFFFFF;
}
#CadreNews #CadreNewsMilieu h4 {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	margin-top: 2px;
	margin-bottom: 4px;
	white-space: nowrap;
}
/*Picto-----------------------------------------------------------*/
#PageContenuMilieu .PictoHome {
	background-image: url(images/FondPicto.png);
	height: 132px;
	width: 87px;
	margin-right: 5%;
	margin-left: 5%;
	background-repeat: no-repeat;
	float:left;
	margin-top: 5px;
}
#PageContenuMilieu .PictoSymb {
	position: relative;
	right: 10px;
	bottom: 10px;
}
#PageContenuMilieu .PictoSymb img{
	width:90px;
	height:90px;
}
#PageContenuMilieu #LignePicto {
	/*white-space: nowrap;*/
	display: table;
	width: 100%;
	padding-left: 10px;
}
.PictoHome .PictoTitre {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 87px;
	padding-right: 3px;
	padding-left: 3px;
	white-space: normal; !IMPORTANT
}
/*Menu Home sous picto------------*/
.HomeMenu {
	visibility: hidden;
	z-index: 30;
	width: 250px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #003366;
	background-image: url(images/FondMenu.png);
	margin-bottom: 15px;
	position: absolute;
	white-space: normal;
}
.MenuTitre {
	display:inline;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	width: 190px;
	padding-right: 3px;
	padding-left: 3px;
	white-space: normal;
}
#MenuSous {
	clear: both;
	/*margin-top: -10px;*/
}
#MenuSous li {
	list-style-image: url(images/Puce.png);
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
}
#MenuSous ul {
	margin-left: 5px;
	list-style-position: outside;
	padding-left: 25px;
	margin-top: 2px;
}
#MenuSous a:hover {
	background-color: #87A07A;
}


#MenuSous a {
	color: #000000;
	text-decoration: none;
}

.HomeMenu .PictoMenu {
	position: relative;
	float: left;
	top: -15px;
	margin: 0px;
	padding: 0px;
}
.HomeMenu .PictoMenu {
	height: 50px;
	width: 50px;

}
.HomeMenu .PictoMenu img {
	height: 50px;
	width: 50px;

}
/*-------------------------------------------------Page*/
#Ariane {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear:both;
}
#Ariane a {
	color: #336699;
	font-size: 10px;
}
#Ariane a:hover {
	color: #336699;
	text-decoration: underline;
}
#Ariane div {
	text-align:center;
}

/*Picto Vertical-----------------------------------------------------------*/
#PageContenuMilieu .VertiPicto {
	background-image: url(images/FondPictoMenu.png);
	height: 51px;
	/**/width: 155px;
	background-repeat: no-repeat;
	/*float:left;*/
	left: -30px;
	position: relative;
	z-index: 12;
	/*clear: both;*/
}
#PageContenuMilieu #VerticalPicto {
	position: absolute;
}

#PageContenuMilieu .VertiPictoSymb {
	/*position: relative;
	right: 2px;
	top: 2px;
	float: left;*/
	height: 35px;
	width: 25px;
}
#PageContenuMilieu .VertiPictoSymb img{
	width:21px;
	height:21px;
}
div.VertiPicto div.PictoTitre {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-right: 6px;
	white-space: normal;
	width: 122px;
	position: absolute;
	left:25px;
	top:0px;
	/*float: right;
	vertical-align: middle;
	*/
	padding-top: 3px;
	display: compact;
}
/*Menu Vertical des pages ------------*/
.VertiMenu {
	visibility: hidden;
	z-index: 30;
	left:35px;
	width: 250px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #003366;
	background-image: url(images/FondMenu.png);
	margin-bottom: 15px;
	position: absolute;
	white-space: normal;
}
#VerticalPicto .DivMenuOuvert {
	position:relative;
	left:-30px;
	top:-20px;
	width:155px;
	color:#336699;
	font-weight:bold;
	font-size:11px;
	z-index: 10;
	margin-bottom: -15px;
}
#VerticalPicto .DivMenuOuvert .ListeHaut{
	background-image: url(images/MenuOuvert_Haut.png);
	height: 12px;
}
#VerticalPicto .DivMenuOuvert .Liste{
	background-image: url(images/FondMenu.png);
}
#VerticalPicto .DivMenuOuvert .ListeBas{
	background-image: url(images/MenuOuvert_Bas.png);
	height: 10px;
	background-repeat: no-repeat;
}
#VerticalPicto .DivMenuOuvert a {
	color: #336699;
}
#VerticalPicto .DivMenuOuvert a:hover {
	color: #000000;
}
#VerticalPicto .DivMenuOuvert ul {
	margin:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#VerticalPicto .DivMenuOuvert li {
	margin-left:12px;
	list-style-image: url(images/Puce2.png);
}
#VerticalPicto .DivMenuOuvert li.selectedLi {
	background-color: #999999;
}
/*----------------------------------------Contenu article*/
#contenu {
	width: 480px;
	padding: 10px 15px 15px 15px;
	position: relative;
	left: 130px;
	top:0px;
	min-height:480px;
	font-size: 12px;
	background-image: url(images/FondContenu.png);
	background-repeat: no-repeat;
	text-align: justify;
	background-position: right top;
}
#contenu h2 {
	font-size: 12px;
	margin-bottom: 7px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#contenu h1 {
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contenu a {
	font-weight: bold;
	color: #330099;
}
#contenu #SurInfos {
	font-size: 10px;
	font-weight: bold;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	white-space: nowrap;
	display: block;
	vertical-align: bottom;
}
#contenu #SurInfos #OutilsA {
	text-align: right;
	position: relative;
	bottom: -12px;
}
#contenu #Article {
	font-size: 12px;
	background-image: url(images/FondContenu.png);
	background-repeat: repeat-x;
	text-align: justify;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#SousPage {
	position: relative;
	z-index: -10;
	right: 0px;
	bottom: 300px;
	float: right;
	background-image: url(elements/avastcopiejv0.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 300px;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
/* ------------------------------------ */
.news-list-item h3 .news-list-date {
	font-size: 9px;
	font-weight: normal;	
}
#contenu .news-list-item h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#contenu .news-list-item p {
}
#contenu .news-list-item .spacer-gif{
	display:none;
}
#contenu .news-list-item h3 a{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.news-list-item img{
	float: left;
	margin: 5px 10px 2px 0;
}
.news-list-item .clearer{
	clear: both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #003366;
}
.news-list-item .bodytext{
}
.news-list-item .news-list-morelink{

}
.calendar{
	z-index:40;
}
/*Gestionnaire de réunion----------------------------------deb*/
#contenu .tx-hoicommunity-pi1 {
	/*border: thin dashed #FFFFFF;
	padding: 10px;*/
}
#contenu .tx-hoicommunity-pi1 form h3{
	border-top:thin solid #003366;
	margin-bottom: 5px;
	padding-bottom: 3px;
	color: #003366;
	font-size: 14px;
	font-weight: bold;
	text-indent: 5px;
}
#contenu .tx-hoicommunity-pi1 select {
	background-image: url(images/OmbreSous.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: underline;
	padding: 0.5em;
}
#contenu .tx-hoicommunity-pi1 table {
	width: 100%;
	/*background-image: url(images/FondContenu.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;*/
	font-size: 1em;
	
}
.tx-hoicommunity-pi1 label {
	text-align: right;
	width: 300px;
	font-weight: bold;
}

#contenu .tx-hoicommunity-pi1 textarea {
	background-image: url(images/OmbreSous.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	vertical-align: top;
	padding: 0.5em;
	border:none;
}
#tx_partnerfe_searchform label{
}
/* Fiche temps-----------------------------------*/

#tx_hoicommunity_timecard_displaybycal table{
	margin:0;
	padding:0;
}
.timecard_displaycal {
	width: 100%;
	background: none;
	font-weight: normal;
}
.timecard_displaycal span {
	font-size: 1em;
}
.tx-hoicommunity-pi1 .fondCoul {
	background-color:#99CC99;
}
#tx_hoicommunity_timecard_displaybycal .piti {
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	text-align: right;
	width: 10%;
}
#tx_hoicommunity_timecard_displaybycal .pitiCoul {
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	text-align: right;
	width: 10%;
	color: #003300;
}
#tx_hoicommunity_timecard_displaybycal .piti5PX {
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	text-align: right;
	width: 5px;
	color: #003300;
}
.timecard_displaycal label {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}.tx_hoicommunity_timecard_form .AgendaFicheTemps {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.tx_hoicommunity_timecard_form .AgendaFicheTemps .calendar_name{
	background-color: #99CC99;
	width: 100%;
	font-weight: bold;
}

/*----------------------------------ANNUAIRE----------*/
.tx-partnerfe-pi1 {
	font-size: 12px;
}
.tx-partnerfe-pi1 .remarks{
	font-size: 12px;	
}